مثال على استخدام مجموعة ASP+AJAX(Jquery).
يقدم لك محرر Downcodes اليوم مثالًا بسيطًا جدًا لاستخدام ASP+AJAX (Jquery)، وهو مناسب بشكل خاص للمبتدئين للتعلم والاستخدام.
رمز العينة
توضح الأمثلة التالية أربع طرق طلب AJAX شائعة الاستخدام، وهي:
1. $.أجاكس ()
2.$.post()
3. $.get()
4.$.getJSON()
1. $.أجاكس ()
`أتش تي أم أل
$(document).ready(function(){
$("#btn1").click(function(){
$.ajax({
url: "ajax.asp",
type: "POST",
data: {name: "Downcodes", city: "北京"},
success: function(result){
$("#div1").html(result);
}
});
});
});
`
2.$.post()
`أتش تي أم أل
$(document).ready(function(){
$("#btn2").click(function(){
$.post("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div2").html(result);
});
});
});
`
3. $.get()
`أتش تي أم أل
$(document).ready(function(){
$("#btn3").click(function(){
$.get("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div3").html(result);
});
});
});
`
4.$.getJSON()
`أتش تي أم أل
$(document).ready(function(){
$("#btn4").click(function(){
$.getJSON("ajax.asp", {name: "Downcodes", city: "北京"}, function(result){
$("#div4").html("姓名:" + result.name + "
城市:" + result.city);
});
});
});
`
نموذج كود ASP (ajax.asp)
`آسيا والمحيط الهادئ
<%
Response.ContentType = "نص/html؛ مجموعة الأحرف = utf-8"
اسم خافت، المدينة
الاسم = طلب.نموذج("الاسم")
المدينة = طلب.نموذج("المدينة")
'إخراج بيانات تنسيق JSON
Response.Write("{""name"": """ & الاسم & """, ""المدينة"": """ & المدينة & """}")
%>
`
يوضح
يجب وضع ملف ajax.asp الموجود في التعليمات البرمجية أعلاه في نفس الدليل مثل ملف HTML.
الدالة $.ajax() هي جوهر طلبات AJAX ويمكنها تخصيص معلمات الطلب المختلفة.
تعد الدالتان $.post() و$.get() طريقتين مبسطتين لطلبات AJAX، وتتوافقان مع طلبات POST وGET على التوالي.
يتم استخدام الدالة $.getJSON() للحصول على البيانات بتنسيق JSON.
في مثال التعليمات البرمجية ASP، يتم استخدام Request.Form للحصول على المعلمات التي تم تمريرها بواسطة طلب AJAX.
من خلال هذا المثال، يجب أن تكون قادرًا على فهم كيفية استخدام ASP مع AJAX (Jquery) واستخدام طرق طلب AJAX المختلفة لتحقيق تفاعل البيانات.
تلخيص
الاستخدام المشترك لـ ASP+AJAX (Jquery) يمكن أن يجعل موقع الويب أكثر ديناميكية ويزود المستخدمين بتجربة تفاعلية أفضل. آمل أن يساعدك هذا المثال على فهم واستخدام ASP+AJAX (Jquery) بشكل أفضل.