آموزش مقدماتی Ajax (ای جکس)

اولاً : مرسی که جواب دادی

کد:

---

-----------------------------1654974419512
 Content-Disposition: form-data; name="upFile"; filename="amazon phone number.txt"
 Content-Type: text/plain
 [file content here - perfectly reproduced (if I remove the surrounding junk)]
 -----------------------------1654974419512--

---

من دقیقاً از این روش استفاده کردم ولی شما با این روش باز هم می تونی ASCII های کوچکتر از 128 رو بفرستی (عدد و انگلیسی و...)
اگر با این روش بخوای یه عکس رو بفرستی، سرور به چیز بی معنی دریافت می کنه!


---

اون 2 تای دیگه رو هم اینجوری می گم:
فرض کن من این رو دارم:

کد:

---

window.xhr1 = new XmlHttpRequest();
window.xhr2 = new XmlHttpRequest();
window.xhr3 = new XmlHttpRequest();
window.xhr4 = new XmlHttpRequest();
window.xhr5 = new XmlHttpRequest();
window.xhr6 = new XmlHttpRequest();
window.xhr7 = new XmlHttpRequest();
window.xhr8 = new XmlHttpRequest();
...
...
window.xhr1000 = new XmlHttpRequest();

---

برای onreadystatechange همشون هم یک تابع تعریف کردم.
یعنی:

کد:

---

window.xhr1.onreadystatechange = myFunction;
window.xhr2.onreadystatechange = myFunction;
window.xhr3.onreadystatechange = myFunction;
window.xhr4.onreadystatechange = myFunction;
window.xhr5.onreadystatechange = myFunction;
window.xhr6.onreadystatechange = myFunction;
window.xhr7.onreadystatechange = myFunction;
window.xhr8.onreadystatechange = myFunction;
...
...
window.xhr1000.onreadystatechange = myFunction;

---

OK؟

حالا تو myFunction م باید responseText کدوم رو بخونم؟
نکته اینجاست.

مثلاً اگر درخواست از طرف آقای xhr4 باشه، تو FF میشه با this شیء ش رو در دست داشت ولی تو IE؟؟؟

اون قضیه ی Delete کردن هم فقط برای کم کردن بار صفحه بود.
در کل می خوام مثلاً یک xhrم رو reset کنم یعنی responseTextش خالی بشه و...

آهان موضوع از این قراره که شما می خوای، از یه تابع برای تمامی شی های ساخته شده استفاده کنی... الان موضوع رو بهتر متوجه شدم.

Okayyy!:31:

من هم با استفاده this سعی کردم اینکار رو بکنم ولی نشد، این IE عجب خنگیه! شی رو می شناسه ولی وقتی می خوای از متدهاش استفاده کنی، هیچی دیگه می شه کشک.

تنها راهی که به نظر من می رسه اینه که برای تابع مریوطه یه آرگومان در نظر بگیری، و موقع صدا زدن اون آرگومان رو با شی های مورد مقدار دهی کنید:

کد:

---

var myFunction = function(arg) {
    if (arg.readyState == 4) return arg.resopnseText;
};

window.xhr1.onreadystatechange = function() { myFunction(xhr1) };
window.xhr2.onreadystatechange = function() { myFunction(xhr2) };
window.xhr3.onreadystatechange = function() { myFunction(xhr3) };
window.xhr4.onreadystatechange = function() { myFunction(xhr4) };

---

برای Delete هم به همون روشی که گفتم کفایت می کنه:

کد:

---

window.xhr = new XMLHttpRequest();
یا
window.xhr = function(){};

---

قضیه ی Binary رو فراموش نکردم، فقط باید یکمی بیشتر بگردم، اگر تو هم به جاهایی رسیدی، مارو بی خبر نزار.

مرسی که جواب دادی.
ولی یه راه بهتر می خوام چون اینها رو دستی درست نمی کنم. با یه حلقه درست می کنم و تازه به همون تعداد هم تابع درست میشه. (از لحاظ Performanceی جالب نیست!)

+ مرسی که دنبال binary هستی.

++ عیدت مبارک!

سلام
کد زیر یه کلاسه که من برای ایجاد درخواست ای جکس و ارسال و دریافت نتیجه درخواست استفاده میکنم. به هیچ عنوان نمیشه با کمک متغیرهای سراسری مشکلشو حل کرد چون توی هر صفحه به تعداد نامحدود درخواست ایجاد میشه!
توی هر مرورگری که داشتم کار کرد به جز مرورگرهای فایر فوکس 2 و اینترنت اکسپلورر 6
[html]
function ajaxObj() {
/**
* Creates xmlHttp request object
*/
this.req = new function() {
var req = null;
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
} else if (window.ActiveXObject){
req = new ActiveXObject("Msxml2.XMLHTTP");
if (!req){
req = new ActiveXObject("Microsoft.XMLHTTP");
}
}
if(!req) {
alert('مرورگر شما از ای جکس پشتیبانی نمیکند! لطفاً از یک مرورگر دیگر برای مشاهده این صفحه استفاده کنید');
return false;
}
return req;
}

/**
* Sends Ajax request
* @param method request method
* @param uri request url
* @param content request contents
*/
this.sendData = function (method, uri, content) {
if(method == 'GET') {
uri = uri + '&' + content;
content = null;
}
this.req.open(method, uri, true)
this.req.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=utf-8");
this.req.send(content);
}

this.req.onreadystatechange = function() {
if(this.readyState==4) {
if(this.status!=200) {
alert(WRONG_HTTP_STATUS);
} else {
obj_page.handleResponseXML(this.responseXML);
}
covers.create(this).hide();
}
}
}
[/html]
مشکلش هم تقریباً میدونم از کجاس ولی همچین حیرونم کرده چون هر مدلی هم که تغییرش دادم تا بشه در قالب همین کلاس متد onreadystatechange اونو بنویسم نشد که نشد!
درخواست درست فرستاده میشه و جوابش هم درست میگیره اما مرورگر نمیتونه وضعیت درخواست (readyState) رو تشخیص بده! یعنی توی متد this.req.onreadystatechange مقدار readyState برای اون دو تا مرورگر همیشه undefined هست!
اما اگر متدی رو که گفتم بی خیال شم و وضعیت رو بیرون از کلاس چک کنم درست کار میکنه! یعنی اینجوری کارمیکنه:
[html]
var ajax = new ajaxObj();
ajax.sendData("GET", "http://script_address", "");
ajax.req.onreadystatechange = function(){
alert(ajax.req.readyState);
}
[/html]
اما خوب اگر قرار باشه اینجوری استفاده کنم باید تعداد زیادی متد به هر کلاسی که یه درخواست میفرسته برای گرفتن پاسخ بنویسم که حجمش زیاد میشه!



حالا چه کنیم که این دو تا مرورگر هم رضایت بدن؟ میخوام هر چی هست در قالب همون کلاس ajaxObj باشه!

داداش من قبل از تو زنبیل گذاشتم!

اگر یکی 2 تا پست قبل رو می خوندی، می فهمیدی که من هم مشکلم با همین this ه.

که this یه جا class ت رو میده و یه جا XHR ت رو!

نقل قول:

---

نوشته شده توسط neopersia [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

سلام
کد زیر یه کلاسه که من برای ایجاد درخواست ای جکس و ارسال و دریافت نتیجه درخواست استفاده میکنم. به هیچ عنوان نمیشه با کمک متغیرهای سراسری مشکلشو حل کرد چون توی هر صفحه به تعداد نامحدود درخواست ایجاد میشه!
توی هر مرورگری که داشتم کار کرد به جز مرورگرهای فایر فوکس 2 و اینترنت اکسپلورر 6
this.req.onreadystatechange = function() {
if(this.readyState==4) {
if(this.status!=200) {
alert(WRONG_HTTP_STATUS);
} else {
obj_page.handleResponseXML(this.responseXML);
}
covers.create(this).hide();
}
}
}
[/html]
مشکلش هم تقریباً میدونم از کجاس ولی همچین حیرونم کرده چون هر مدلی هم که تغییرش دادم تا بشه در قالب همین کلاس متد onreadystatechange اونو بنویسم نشد که نشد!

---

سلام.

:31:
اگر دقت کنی یکی از مشکلهای بالایی که مسیح داشت همین موضوعه! ظاهرا فعلا نمی شه هیچ کاریش کرد، یعنی توی متد onreadystatechange توی این مرورگر ها نمی شه، از اشاره گر this برای دسترسی به شیء xhr استفاده کرد! باید دقیق خودش رو صدا بزنی.
برای کار تو فکر همینجوری هم جواب بده:

کد:

---

this.req.readyState...
this.req.status...

---

به احتمال زیاد باید این روش جواب بده:31:

ها شرمنده مسیح جون شلوغ پلوغ بود زنبیلتو ندیدم :31:

اگه بخوام از this.req.readyState توی onreadystatechange استفاده کنم فکر کنم توی مرورگرهایی که قبلاً مشکل نداشتن مشکل پیدا بشه ها! یعنی کلاً بی خیالش شم؟

برای شما میشه این کار رو کرد:

کد:

---

var rd;
if (this.req.readyState){
rd = this.req.readyState;
}else{
rd = this.readyState;
}

---

ولی برای من!

سلام
این کد ایجکس منه که به یه صفحه php وصل میشه و عددی رو که به صورت رندوم تو اون صفحه ایجاد شده میگیره و نشون میده
[html]function getdata(){


var xmlhttp=false;
try {
xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
} catch (e) {
try {
xmlhttp = new
ActiveXObject('Microsoft.XMLHTTP'); } catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}

if(xmlhttp){
var obj = document.getElementById(divid);
xmlhttp.open("GET", 'random.php');
xmlhttp.onreadystatechange = function()
{

obj.innerHTML = xmlhttp.responseText;

}
xmlhttp.send(null);
}
}


</script> [/html]یه دکمه هست که با هر بار کلیک کردنه اون از صفحه php عدد رندوم گرفته میشهو نمایش داده میشه
تویه همه مرورگر ها کار میکنه به جز ie که فقط بار اول که کلیک میکنم یه عدد رو نشون میده و لی با کلیک دوباره عدده جدیدی جایگزین نمیشه
این اررور رو میده the data necessary to compelet this oprition is not yet available

نقل قول:

---

نوشته شده توسط dogtag [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

برای شما میشه این کار رو کرد:

کد:

---

var rd;
if (this.req.readyState){
rd = this.req.readyState;
}else{
rd = this.readyState;
}

---

ولی برای من!

---

نه اینم کار نمیکنه مجبور شدم کلاً ببرمش بیرون از این کلاس! خوشبختانه یه دونه parent داشتم برای همه صفحات گذاشتمش تو اون :31:
مشخص نیس این this به کجاش وصله؟ نه به window اشاره میکرد نه به کلاس اصلی ajax! با ie6 توی متد onreadystatechane مشکل دار آلرت میکردم یه تابع رو برام چاپ میکرد این مدلی:

کد:

---

function() {
alert(this);
}

---

یعنی دقیقاً کد تابعش رو! انگار که بهش استرینگ داده باشی!