استفاده ساده از ای جکس جی کوئری - کاربرد ای جکس برای Asp.net و php
Ajax تکنولوژی مبتنی بر جاوا اسکریپت می باشد که از رفرش کردن بی مورد وبسایت و انجام امور سروری در بدون رفرش صفحه میباشد

در روشی که ما از ان استفاده میکنیم هم برای Asp.Net و هم برای Php یکسان است
ولی بسته به تخصص وبسایت اموزش رو با asp.Net جلو میبریم
ولی در کل برنامه نویسی ها در Jquery انجام خواهد شد و تفاوت زیادی با آموزش برای php نخواهد داشت
دو حالت برای استفاده از ای جکس در جی کوئری وجود دارد که روش post و روش Get میباشند
در روش Post که پارامتر های ارسالی به صفحه Ajax از طریق سریالی و پست ارسال میشود
و در روش Get ای کار بر اساس ارسال کوئری استرینگ ها انجام میگیرد
هر دو روش شبیه به هم هستند و یاد گیری هر دو بسیار اسان از طرفی ما ساده ترین راه را برای استفاده از ان به شما خواهیم آموخت.
برای استفاده از هر دو روش ما باید یک صفحه برای انجام پردازش های سروری ایجاد کنیم که برای asp ما صفحه ای با نام Hyper_Ajax.aspx و در صورت استفاده از php یک صفحه به اسم Hyper_Ajax.php ایجاد میکنیم
در واقع این فایل موتور ای جکس ما خواهد بود
فرض کنید ما توسط کلیک بر روی یک لینک می خواهیم اطلاعات فرم خود را در پایگاه داده بدون رفرش صفحه وارد کنیم
برای سادگی هر چه بیشتر ما از اسمامی فرضی و فقط از یک لینک استفاده میکنیم
فرض کنید ما می خواهیم شخصی با نام Parsa و سن 22 را وارد دیتابیس خود نمائیم
برای این کار اینگونه در بلوک اسکریپت خود در Head صفحه این کد ها را مینویسیم
روش اول : ارسال با روش get
$('#Register').Click(function () {
$.ajax( {
url: "hyper_service.aspx",
data: 'Name=Parsa&Age=22’,
success: function (data)
{ alert(data); },
error: function () { alert('error'); }
});
});
به این صورت اطلاعات ما به صفحه Hyper_Ajax ارسال شده و ما میتوانیم توسط دریافت مقادیر از QueryString این مقادیر را در پایگاه داده ذخیره کنیم
نکته : مقدار data ای که در تابع successs برگشت داده شده همان مقداری است که در پایین توسط response به خروجی ارسال میشود
فرض کنید ما توسط تابع زیر این اطلاعات را ذخیره میکنیم
protected void Page_Load(object sender,EventArgs e){
RegisterClass cl = new RegisterClass();
cl.Name = Request.QueryString["Name"];
cl.Age = Request.QueryString["Age"];
cl.RegisterNewUser();
//ارسال پاسخ به صفحه
Response.Clear();
Response.ContentType = "text/palin";
Response.Write("نام جدید با موفقیت وارد شد");
Response.End();
}
بعد از دریافت مقادیر توسط QueryString این مقادیر توسط کلاس ذخیره سازی به نام RegsiterClass در پایگاه داده ذخیره میشود
و یک مقدار به خروجی ارسال می گردد و توسط تابع Success در ای جکس جی کوئری نمایش داده میشود
روش دوم دقیقا مانند روش اول است و تفاوت ان بعد از ارسال مقادیر ، مقادیر در فایل Hyper_Ajax توسط متد Form["Name] و Form["Age"] بازیابی میشوند
سدر پایین مثالی از ان را به شما می گوییم
برای ان کار هم میتوانید از این روش استفاده کنید :
$.ajax({
type: "POST",
url: 'Hyper_Ajax.aspx',
data: data,
success: success,
dataType: dataType
});
و هم از این روش
$.post( "Hyper_Ajax.php", { name: "Parsa", Age: "22" } );
در روش دوم هم مقادیر به فایل توسط سریال و یا همان متد Post ارسال میشوند
با ارزوی موفقیت برای همه برنامه نویســــــان

در روشی که ما از ان استفاده میکنیم هم برای Asp.Net و هم برای Php یکسان است
ولی بسته به تخصص وبسایت اموزش رو با asp.Net جلو میبریم
ولی در کل برنامه نویسی ها در Jquery انجام خواهد شد و تفاوت زیادی با آموزش برای php نخواهد داشت
دو حالت برای استفاده از ای جکس در جی کوئری وجود دارد که روش post و روش Get میباشند
در روش Post که پارامتر های ارسالی به صفحه Ajax از طریق سریالی و پست ارسال میشود
و در روش Get ای کار بر اساس ارسال کوئری استرینگ ها انجام میگیرد
هر دو روش شبیه به هم هستند و یاد گیری هر دو بسیار اسان از طرفی ما ساده ترین راه را برای استفاده از ان به شما خواهیم آموخت.
برای استفاده از هر دو روش ما باید یک صفحه برای انجام پردازش های سروری ایجاد کنیم که برای asp ما صفحه ای با نام Hyper_Ajax.aspx و در صورت استفاده از php یک صفحه به اسم Hyper_Ajax.php ایجاد میکنیم
در واقع این فایل موتور ای جکس ما خواهد بود
فرض کنید ما توسط کلیک بر روی یک لینک می خواهیم اطلاعات فرم خود را در پایگاه داده بدون رفرش صفحه وارد کنیم
برای سادگی هر چه بیشتر ما از اسمامی فرضی و فقط از یک لینک استفاده میکنیم
فرض کنید ما می خواهیم شخصی با نام Parsa و سن 22 را وارد دیتابیس خود نمائیم
برای این کار اینگونه در بلوک اسکریپت خود در Head صفحه این کد ها را مینویسیم
روش اول : ارسال با روش get
$('#Register').Click(function () {
$.ajax( {
url: "hyper_service.aspx",
data: 'Name=Parsa&Age=22’,
success: function (data)
{ alert(data); },
error: function () { alert('error'); }
});
});
به این صورت اطلاعات ما به صفحه Hyper_Ajax ارسال شده و ما میتوانیم توسط دریافت مقادیر از QueryString این مقادیر را در پایگاه داده ذخیره کنیم
نکته : مقدار data ای که در تابع successs برگشت داده شده همان مقداری است که در پایین توسط response به خروجی ارسال میشود
فرض کنید ما توسط تابع زیر این اطلاعات را ذخیره میکنیم
protected void Page_Load(object sender,EventArgs e){
RegisterClass cl = new RegisterClass();
cl.Name = Request.QueryString["Name"];
cl.Age = Request.QueryString["Age"];
cl.RegisterNewUser();
//ارسال پاسخ به صفحه
Response.Clear();
Response.ContentType = "text/palin";
Response.Write("نام جدید با موفقیت وارد شد");
Response.End();
}
بعد از دریافت مقادیر توسط QueryString این مقادیر توسط کلاس ذخیره سازی به نام RegsiterClass در پایگاه داده ذخیره میشود
و یک مقدار به خروجی ارسال می گردد و توسط تابع Success در ای جکس جی کوئری نمایش داده میشود
روش دوم دقیقا مانند روش اول است و تفاوت ان بعد از ارسال مقادیر ، مقادیر در فایل Hyper_Ajax توسط متد Form["Name] و Form["Age"] بازیابی میشوند
سدر پایین مثالی از ان را به شما می گوییم
برای ان کار هم میتوانید از این روش استفاده کنید :
$.ajax({
type: "POST",
url: 'Hyper_Ajax.aspx',
data: data,
success: success,
dataType: dataType
});
و هم از این روش
$.post( "Hyper_Ajax.php", { name: "Parsa", Age: "22" } );
در روش دوم هم مقادیر به فایل توسط سریال و یا همان متد Post ارسال میشوند
با ارزوی موفقیت برای همه برنامه نویســــــان