English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

طريقة jQuery post()

طرق AJAX jQuery

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

القواعد:

$.post(URL, data, callback, dataType)

مثال

هذا المثال يحصل على جزء من الكود HTML المطلوب وإدراجه في الصفحة:

$("button").click(function(){
  $.post("ajax_post.php", function(data){
    $("#output").html(data);
  );
);
اختبار‹/›

طلب صفحة ajax_post.php وإرسال بعض البيانات الأخرى:

$("button").click(function(){
  $.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data){
    $("#output").html(data);
  );
);
اختبار‹/›

طلب صفحة ajax_post.php وإرسال بعض البيانات الأخرى ونشر رسالة إشعار حالة:

$("button").click(function(){
  $.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  );
);
اختبار‹/›

طلب ملف demo.json وإدراجه في الصفحة:

$("button").click(function(){
  $.post("demo.json", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  );
);
اختبار‹/›

طلب ملف json_demo1.php، والذي تم إرجاعه بصيغة json:

$("button").click(function(){
  $.post("json_demo1.php", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  );
);
اختبار‹/›

قيمة الم 参数

الم 参数الوصف
URLتحديد URL الذي تريد طلبته
data(اختياري) تحديد الكائن النقي أو السلسلة التي يتم إرسالها إلى الخادم مع الطلب
callbackاختياري) تحديد دالة التدفق المبدئي التي يتم تنفيذها بعد نجاح الطلب

المتغيرات:

  • data-يحتوي على بيانات النتيجة من الطلب

  • status-يحتوي على حالة الطلب ("success", "notmodified", "error", "timeout", أو"parsererror")

  • xhr-يحتوي على عنصر XMLHttpRequest

dataTypeاختياري) تحديد نوع البيانات الذي يحتاجه الاستجابة من الخادم
يقوم jQuery بتنفيذ التخمين التلقائي بشكل افتراضي

أنواع محتملة:

  • “xml”-مستند XML

  • “html”-HTML كنص

  • “text”-نص خالي

  • “script”-تشغيل الاستجابة كـ JavaScript، وإرجاع نصاً خالياً

  • “json”-تشغيل الاستجابة كـ JSON، وعدد JavaScript كعنصر

  • “jsonp”-استخدام JSONP لتحميل قطعة JSON. اضف “؟callback =?” إلى URL لتعيين الدالة التدفق المبدئي

طرق AJAX jQuery