طريقة jQuery - AJAX get() وpost()

طريقة jQuery $ .get() و $ .post() تستخدم لطلب البيانات من الخادم عبر طلبات HTTP GET وPOST.

طلبات HTTP: GET وPOST

فيGETفي الطريقة، سيضيف المتصفح أزواج الاسم/القيمة إلى نهاية URL.

يُستخدم GET عادة في الأماكن التي لا تهتم بالأمان

• يمكن توفير طلبات GET في المخزن المؤقت

• تُحفظ طلبات GET في سجل التصفح

• يمكن إضافة وسيلة تتبع إلى طلب GET

• لا يجب استخدام طلب GET عند معالجة بيانات حساسة

• يكون لدي طلب GET أقصى طول (فقط 2048 حرفًا)

فيPOSTفي الطريقة، لن يتم عرض المحتوى في URL.

ينبغي دائمًا استخدام POST إذا كانت بيانات النموذج تحتوي على معلومات حساسة أو شخصية

• لا يتم توفير طلبات POST في المخزن المؤقت

• لا تُحفظ طلبات POST في سجل التصفح

• لا يمكن إضافة وسيلة تتبع إلى طلب POST

• ينبغي استخدام طلب POST عند معالجة بيانات حساسة

• لا يوجد تحديد لطول البيانات في الطلبات POST

للحصول على معلومات إضافية حول GET وPOST والفرق بين هذين الطريقتين، يرجى زيارةطرق الطلب HTTPالصفحة.

طريقة jQuery $ .get()

jQuery $.get()يستخدم هذا الطريقة HTTP GET للتحميل البيانات من الخادم.

هذا هو$.get()قواعد نحوية لـ method:

$.get(URL, data, callback)

المعلمات:

• URL-تحديد URL الذي تريد طلب إضافته

• data - (اختياري) تحديد الكائن أو النص الذي سيتم إرساله إلى الخادم مع الطلب

• callback-回调 - اختياري

في هذا المثال، يتم طلب صفحة ajax_get.php، وإرسال بعض البيانات الأخرى، وإرسال رسالة حالة تنبيه:

$("button").click(function(){
　　$.get("ajax_get.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
　　　　$("#output").html(data);
　　　　alert(status);
　　});
});

هذا هو رمز ملف PHP الأصلي ("ajax_get.php"):

<?php
　　　　echo "<p>Hello ". $_GET['fname']." ". $_GET['lname'].", How are u doing?</p>";
?>

طريقة jQuery $ .post()

jQuery $.post()يستخدم هذا الطريقة HTTP POST للتحميل البيانات من الخادم.

هذا هو$.post()قواعد نحوية لـ method:

$.post(URL, data, callback)

المعلمات:

• URL-تحديد URL الذي تريد طلب إضافته

• data - (اختياري) تحديد الكائن أو النص الذي سيتم إرساله إلى الخادم مع الطلب

• callback-回调 - اختياري

هذا المثال يطلب صفحة ajax_post.php، يرسل بعض البيانات الأخرى ويظهر رسالة حالة التحذير:

$("button").click(function(){
　　$.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
　　　　$("#output").html(data);
　　　　alert(status);
　　});
});

هذا هو ملف المصدر الخاص بـ PHP (ajax_post.php):

<?php
　　　　echo "<p>Hello ".$_POST['fname']." ".$_POST['lname'].", كيف حالك؟</p>";
?>

مرجع AJAX jQuery

للحصول على مرجع كامل لمتغيرات AJAX، يرجى زيارةمرجع AJAX jQuery。