Simple Ajax Example

**Mehdi** · 04-14-2006, 01:23 PM

خوب اين كد رو اول داخل يه فايل ذخيره كنيد حالا چه پي اچ پي چه اچ تي ام ال

PHP Code:


			
<html>

<head>

<script language="Javascript">



function xmlhttpPost(strURL) {

    var xmlHttpReq = false;

    var self = this;

    // Mozilla/Safari

    if (window.XMLHttpRequest) {

        self.xmlHttpReq = new XMLHttpRequest();

    }

    // IE

    else if (window.ActiveXObject) {

        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");

    }

    self.xmlHttpReq.open('POST', strURL, true);

    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

    self.xmlHttpReq.onreadystatechange = function() {

        if (self.xmlHttpReq.readyState == 4) {

            updatepage(self.xmlHttpReq.responseText);

        }

    }

    self.xmlHttpReq.send(getquerystring());

}



function getquerystring() {

    var form     = document.forms['form1'];

    var name = form.name.value;

    qstr = 'w=' + escape(name);  // NOTE: no '?' before querystring

    return qstr;

}



function updatepage(str){



    document.getElementById("result").innerHTML = str;



}

</script>

</head>



<form name="form1" >

  <p>Name: <input name="name" type="text" >  

  <input value="Go" type="button" onclick='JavaScript:xmlhttpPost("b.php")'></p>

  </form>

<div id="result"></div>

</body>

</html>

خوب توضيحات
ما در اول كدمون

PHP Code:


			
 if (window.XMLHttpRequest) {

        self.xmlHttpReq = new XMLHttpRequest();

    }

    // IE

    else if (window.ActiveXObject) {

        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");

    }

تعييين ميكنيم اگه مرورگر كاربر اينترنت اكسپلورر بود ميگيم از اكتيو ايكس استفاده كنه نه اگه موزيلا يا صفري بود از ايكس ام ال اچ تي تي پي ريكوئست
در خط بعدي :

PHP Code:


			
self.xmlHttpReq.open('POST', strURL, true);

ميگيم كه اطلاعاتي داريم كه بايد پست بشن همونطور كه ميدونيد دو روش داريم يا گت يا پست ...اگه ما اينجا گت بزاريم فقط قادر خواهيم بود اطلاعات رو دريافت كنيم و نميتونيم هيچ چيزي ارسال كنيم
در خط بعديش ميگيم كه اطلاعات ما داخل يك فرم هستن

PHP Code:


			
if (self.xmlHttpReq.readyState == 4) {

در اين خط ميگيم اگه دريافت اطلاعات موفقيت آميز بود

PHP Code:


			
updatepage(self.xmlHttpReq.responseText);

يعني اگه موفقيت آميز بود اطلاعات جديد رو جايگزين كن و در تابعي كه برا همين منظور هست اطلاعات رو داخل ديو قرار ميديم

PHP Code:


			
function updatepage(str){



    document.getElementById("result").innerHTML = str;



}

كار تابع

PHP Code:


			
function getquerystring() {

    var form     = document.forms['form1'];

    var name = form.name.value;

    qstr = 'w=' + escape(name);  // NOTE: no '?' before querystring

    return qstr;

}

اينه كه مياد اطلات رو بصورت كويري دريافت ميكنه
------
حالا ميرسيم به كد اچ تي ام الي كه بايد اينكارو بكنه برامون

PHP Code:


			
<form name="form1" >

  <p>Name: <input name="name" type="text" >  

  <input value="Go" type="button" onclick='JavaScript:xmlhttpPost("b.php")'></p>

  </form>

<div id="result"></div>

----
فكر ميكنم همه چيزش واضح هست و نيازي به توضيح نداره , فقط اينكه اطلاعات ما درون تگ ديو با ايدي result قرار ميگيره
حالا بايد صفحه دوم خودمون يعني b.php رو بسازيم
پس يه فايل باز ميكنيم با اين نام و اين كد رو توش قرار ميديم

PHP Code:


			


$name=$_REQUEST['w'];

$ip=$HTTP_SERVER_VARS["REMOTE_ADDR"];

print"Hello <b>$name</b> ,Your Ip Address Is : <b>$ip</b> ,You Are Trying Simple Ajax Example.";

اين كد هم كه ديگه خيلي واضح و روشنه
خوب برنامه ما تموم شد تنها كاري كه بايد بكنيد اينه كه تستش كنيد

اگه سوالي داشتيد درباره اين مقاله بپرسيد

مهدي صفري

**Mehdi** · 04-14-2006, 01:33 PM

در ضمن اينو خيلي راحت ميتونيد با هرزبون ديگه اي بنويسيد چه دات نت چه پرل
قسمت b.php رو اينطوري هم ميتونيد بنويسيد

PHP Code:


			
<?php

$name=$_REQUEST['w'];

$ip=$HTTP_SERVER_VARS["REMOTE_ADDR"];

if ($name=="mehdi"){

print"Hello Dear<b>$name</b> :X ,Your Ip Address Is : <b>$ip</b> ,You Are Trying Simple Ajax Example.";

}else{

print"hey <b>$name</b> :-| ";

}

?>

ميتونيد اينجا هم نمونه انلاينشو ببينيد

**Mehdi** · 04-14-2006, 04:20 PM

اينم برا دات نت

قسمت اول كد همونه و فقط در قسمت دوم يعني b.php مينويسيد

PHP Code:


			
Dim strName as String

strName = Request.Form( "w" )

response.write("Hello" & strName)

**Mehdi** · 04-14-2006, 05:52 PM

و البته پرل

b.php

PHP Code:


			
use CGI;



$myquery = new CGI;



$name = $query->param('w');

$ip = $query->remote_host();



print $myquery->header;

print"Hello <b>$name</b> ,Your Ip Address Is : <b>$ip</b> ,You Are Trying Simple Ajax Example.";

shikopick · 04-15-2006, 11:16 AM

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

بعدشم اینکه من با یه چیزش خیلی مشکل دارم اونم اینه :

مثلا با متغییر a=1 یک صفحه include میکنه و با a=2 یه صفحه دیگه

میتونی یه مثال که این کارو بکنه برام بزاری

**Mehdi** · 04-15-2006, 01:28 PM

نگرفتم چي گفتي ولي پست دوم رو بخون ببين اوني هست كه ميخواي

CODE1 · 04-15-2006, 03:49 PM

Quote:

نوشته ای از mehdvirus

خوب اين كد رو اول داخل يه فايل ذخيره كنيد حالا چه پي اچ پي چه اچ تي ام ال
....
....
....
اين كد هم كه ديگه خيلي واضح و روشنه
خوب برنامه ما تموم شد تنها كاري كه بايد بكنيد اينه كه تستش كنيد

اگه سوالي داشتيد درباره اين مقاله بپرسيد

مهدي صفري

Damet GARM, faghat ajax

shikopick · 04-15-2006, 10:34 PM

Quote:

نوشته ای از mehdvirus

نگرفتم چي گفتي ولي پست دوم رو بخون ببين اوني هست كه ميخواي

ببین مهدی جان میخوام با کلیک روی یک لینک توی همون صفحه یه فایل include بشه خودم یه چیزایی نوشتم ولی به درد نخورد

**Mehdi** · 04-15-2006, 11:56 PM

تو فايل b.php كه مشكلي نداري درسته ؟ اونجا بجاي عبارت پرينت يچيزي رو اينكلود ميكني
حالا تو صفحه اولت رو لينكي كه ميخواي اينكارو بكنه اينو اضافه ميكني

PHP Code:


			
onclick='javascript:xmlhttpPost("b.php")'

میلاد · 04-16-2006, 09:46 AM

سلام
من یه مشکل کوچیک با پیدا کردم، اونم اینکه نمیتونم از عبارات فارسی استفاده کنم!؟

farshidkiani · 06-10-2006, 06:51 PM

کلا منم با این Ajax مشکل پیدا کردم هرچیزیش که ارسال می شه فقط انگلیسی باید باشه unicode رو متوجه نمی شه

mohsenshahbazi · 06-12-2006, 11:45 PM

ایول حاج مهدی !

چندین روزه دنبال کد آزاکسی شبیه این بودم که با کلیک بتونه صفحات php رو اینکلود کنه ...ایول

CODE1 · 06-13-2006, 12:07 AM

Quote:

نوشته ای از میلاد

سلام
من یه مشکل کوچیک با پیدا کردم، اونم اینکه نمیتونم از عبارات فارسی استفاده کنم!؟

برو قسمت PHP,MySQL نوشتم چطوری با فارسی کار میکنه

mohsenshahbazi · 06-13-2006, 03:58 PM

من هم یه مشکل با این دارم ...!

فرض کن من یه فرم تغییر پسورد دارم که با این کد اینکلودش میکنم تو صفحه ...!

حالا وقتی تو صفحه تغییر پسورد ..اطلاعات پست میشن (داخل همون صفحه است ) دیگه چیزی نمایش داده نمیشه ...مثلا پیغامی که میگه : اطلاعات با موفقیت ذخیره شد !

کلا وقتی صفحه اینکلود شده تغییر کرد دیگه نمایش داده نمیشه !

byvafa · 07-31-2006, 03:47 PM

dostan persian nemishe! sharmande.
aga mehdi gol kashte kar ham kard vali chetory meshe on vorody haro 2 ya 3 ya 1000 ta kard ?
har kar kardam nashood.

04-14-2006, 01:23 PM	#1
Mehdi مدیر برنامه نویسی وب Join Date: Aug 2004 Location: Anywhere Posts: 6,334	Simple Ajax Example خوب اين كد رو اول داخل يه فايل ذخيره كنيد حالا چه پي اچ پي چه اچ تي ام ال PHP Code: <html> <head> <script language="Javascript"> function xmlhttpPost(strURL) { var xmlHttpReq = false; var self = this; // Mozilla/Safari if (window.XMLHttpRequest) { self.xmlHttpReq = new XMLHttpRequest(); } // IE else if (window.ActiveXObject) { self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); } self.xmlHttpReq.open('POST', strURL, true); self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); self.xmlHttpReq.onreadystatechange = function() { if (self.xmlHttpReq.readyState == 4) { updatepage(self.xmlHttpReq.responseText); } } self.xmlHttpReq.send(getquerystring()); } function getquerystring() { var form = document.forms['form1']; var name = form.name.value; qstr = 'w=' + escape(name); // NOTE: no '?' before querystring return qstr; } function updatepage(str){ document.getElementById("result").innerHTML = str; } </script> </head> <form name="form1" > <p>Name: <input name="name" type="text" > <input value="Go" type="button" onclick='JavaScript:xmlhttpPost("b.php")'></p> </form> <div id="result"></div> </body> </html> خوب توضيحات ما در اول كدمون PHP Code: `if (window.XMLHttpRequest) { self.xmlHttpReq = new XMLHttpRequest(); } // IE else if (window.ActiveXObject) { self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); }` تعييين ميكنيم اگه مرورگر كاربر اينترنت اكسپلورر بود ميگيم از اكتيو ايكس استفاده كنه نه اگه موزيلا يا صفري بود از ايكس ام ال اچ تي تي پي ريكوئست در خط بعدي : PHP Code: `self.xmlHttpReq.open('POST', strURL, true);` ميگيم كه اطلاعاتي داريم كه بايد پست بشن همونطور كه ميدونيد دو روش داريم يا گت يا پست ...اگه ما اينجا گت بزاريم فقط قادر خواهيم بود اطلاعات رو دريافت كنيم و نميتونيم هيچ چيزي ارسال كنيم در خط بعديش ميگيم كه اطلاعات ما داخل يك فرم هستن PHP Code: `if (self.xmlHttpReq.readyState == 4) {` در اين خط ميگيم اگه دريافت اطلاعات موفقيت آميز بود PHP Code: `updatepage(self.xmlHttpReq.responseText);` يعني اگه موفقيت آميز بود اطلاعات جديد رو جايگزين كن و در تابعي كه برا همين منظور هست اطلاعات رو داخل ديو قرار ميديم PHP Code: `function updatepage(str){ document.getElementById("result").innerHTML = str; }` كار تابع PHP Code: `function getquerystring() { var form = document.forms['form1']; var name = form.name.value; qstr = 'w=' + escape(name); // NOTE: no '?' before querystring return qstr; }` اينه كه مياد اطلات رو بصورت كويري دريافت ميكنه ------ حالا ميرسيم به كد اچ تي ام الي كه بايد اينكارو بكنه برامون PHP Code: `<form name="form1" > <p>Name: <input name="name" type="text" > <input value="Go" type="button" onclick='JavaScript:xmlhttpPost("b.php")'></p> </form> <div id="result"></div>` ---- فكر ميكنم همه چيزش واضح هست و نيازي به توضيح نداره , فقط اينكه اطلاعات ما درون تگ ديو با ايدي result قرار ميگيره حالا بايد صفحه دوم خودمون يعني b.php رو بسازيم پس يه فايل باز ميكنيم با اين نام و اين كد رو توش قرار ميديم PHP Code: `$name=$_REQUEST['w']; $ip=$HTTP_SERVER_VARS["REMOTE_ADDR"]; print"Hello <b>$name</b> ,Your Ip Address Is : <b>$ip</b> ,You Are Trying Simple Ajax Example.";` اين كد هم كه ديگه خيلي واضح و روشنه خوب برنامه ما تموم شد تنها كاري كه بايد بكنيد اينه كه تستش كنيد اگه سوالي داشتيد درباره اين مقاله بپرسيد مهدي صفري __________________ ...Disappearing Slowly... Last edited by Mehdi; 04-14-2006 at 06:45 PM.. دلیل: Removing Attaching:D

04-14-2006, 01:33 PM	#2
Mehdi مدیر برنامه نویسی وب Join Date: Aug 2004 Location: Anywhere Posts: 6,334	در ضمن اينو خيلي راحت ميتونيد با هرزبون ديگه اي بنويسيد چه دات نت چه پرل قسمت b.php رو اينطوري هم ميتونيد بنويسيد PHP Code: `<?php $name=$_REQUEST['w']; $ip=$HTTP_SERVER_VARS["REMOTE_ADDR"]; if ($name=="mehdi"){ print"Hello Dear<b>$name</b> :X ,Your Ip Address Is : <b>$ip</b> ,You Are Trying Simple Ajax Example."; }else{ print"hey <b>$name</b> :-\| "; } ?>` ميتونيد اينجا هم نمونه انلاينشو ببينيد Last edited by Mehdi; 04-16-2006 at 12:45 PM..

04-14-2006, 04:20 PM	#3
Mehdi مدیر برنامه نویسی وب Join Date: Aug 2004 Location: Anywhere Posts: 6,334	اينم برا دات نت قسمت اول كد همونه و فقط در قسمت دوم يعني b.php مينويسيد PHP Code: `Dim strName as String strName = Request.Form( "w" ) response.write("Hello" & strName)`

04-14-2006, 05:52 PM	#4
Mehdi مدیر برنامه نویسی وب Join Date: Aug 2004 Location: Anywhere Posts: 6,334	و البته پرل b.php PHP Code: `use CGI; $myquery = new CGI; $name = $query->param('w'); $ip = $query->remote_host(); print $myquery->header; print"Hello <b>$name</b> ,Your Ip Address Is : <b>$ip</b> ,You Are Trying Simple Ajax Example.";`

04-15-2006, 11:16 AM	#5
shikopick Registered User Join Date: Jun 2005 Posts: 75	ای ول مهدی جون اولا اینکه دستت درد نکنه خیلی با حالی بعدشم اینکه من با یه چیزش خیلی مشکل دارم اونم اینه : مثلا با متغییر a=1 یک صفحه include میکنه و با a=2 یه صفحه دیگه میتونی یه مثال که این کارو بکنه برام بزاری __________________

04-15-2006, 01:28 PM	#6
Mehdi مدیر برنامه نویسی وب Join Date: Aug 2004 Location: Anywhere Posts: 6,334	نگرفتم چي گفتي ولي پست دوم رو بخون ببين اوني هست كه ميخواي

04-15-2006, 11:56 PM	#9
Mehdi مدیر برنامه نویسی وب Join Date: Aug 2004 Location: Anywhere Posts: 6,334	تو فايل b.php كه مشكلي نداري درسته ؟ اونجا بجاي عبارت پرينت يچيزي رو اينكلود ميكني حالا تو صفحه اولت رو لينكي كه ميخواي اينكارو بكنه اينو اضافه ميكني PHP Code: `onclick='javascript:xmlhttpPost("b.php")'`

04-16-2006, 09:46 AM	#10
میلاد کاربر فعال مووبل تایپ Join Date: Jun 2005 Location: Esfahan Posts: 2,096	سلام من یه مشکل کوچیک با پیدا کردم، اونم اینکه نمیتونم از عبارات فارسی استفاده کنم!؟ __________________ عرضه سرور مجازی ارزانتر از قیمت جهانی ( با قابلیت انتخاب دیتاسنترهایی در آمریکا و انگلیس) اگر در اولين قدم، موفقيت نصيب ما مي شد، سعي و عمل ديگر معني نداشت.

06-10-2006, 06:51 PM	#11
farshidkiani Registered User Join Date: Jun 2005 Location: 0098 Posts: 36	کلا منم با این Ajax مشکل پیدا کردم هرچیزیش که ارسال می شه فقط انگلیسی باید باشه unicode رو متوجه نمی شه

06-12-2006, 11:45 PM	#12
mohsenshahbazi کاربر فعال درآمد اینترنتی Join Date: Jun 2004 Location: اصفهان(نصف جهان) Posts: 1,930	ایول حاج مهدی ! چندین روزه دنبال کد آزاکسی شبیه این بودم که با کلیک بتونه صفحات php رو اینکلود کنه ...ایول __________________ بازاریابی و تجارت الکترونیک \| کتابخانه دیجیتال

06-13-2006, 03:58 PM	#14
mohsenshahbazi کاربر فعال درآمد اینترنتی Join Date: Jun 2004 Location: اصفهان(نصف جهان) Posts: 1,930	من هم یه مشکل با این دارم ...! فرض کن من یه فرم تغییر پسورد دارم که با این کد اینکلودش میکنم تو صفحه ...! حالا وقتی تو صفحه تغییر پسورد ..اطلاعات پست میشن (داخل همون صفحه است ) دیگه چیزی نمایش داده نمیشه ...مثلا پیغامی که میگه : اطلاعات با موفقیت ذخیره شد ! کلا وقتی صفحه اینکلود شده تغییر کرد دیگه نمایش داده نمیشه !

07-31-2006, 03:47 PM	#15
byvafa Registered User Join Date: Apr 2005 Posts: 194	dostan persian nemishe! sharmande. aga mehdi gol kashte kar ham kard vali chetory meshe on vorody haro 2 ya 3 ya 1000 ta kard ? har kar kardam nashood.

امکانات بيشتر
Show Printable Version Email this Page