المحتوى

16‏/07‏/2013

باستخدام jQuery عمل حدث عند الضغط على زر , دون تغيير الصفحة

السلام عليكم

باستخدام "جي كويري" بالإمكان عمل حدث عند الضغط على زر موجود في الصفحة مثل:
 وبكتابة كود الـ "جي كويري" في رأس الصفحة :
$(document).ready(function(){

$("#submit_me").click(function()
    {
    alert("تم الضغط على الزر");
    }
);

});
 المميز في الأمر هو استخدام طريقة POST في ارسال حقول إلى صفحة أخرى دول الحاجة لإعادة تحميل الصفحة وذلك باستخدام دالة post , فمثلا إذا كان لدينا حقلي: اسم الدخول وكلمة المرور كالتالي:

اسم الدخول
كلمة المرور
حيث حقل :اسم الدخول" يحمل id باسم: user_me بينما حقل: "كلمة المرور" يحمل id باسم: pass_me
وباضافة رابط فارغ باسم data كالتالي:

وبوضع كود الـ "جي كويري" في رأس الصفحة , فسيتم ملئ ناتج الصفحة الأخرى abc.php في الرابط الفارغ.

$.post
(
      "abc.php",
      {
      user_me: $("#user_me").val(),
      pass_me: $("#pass_me").val()
      }
)
.done(function(data)
{
 $('#data').html(data);
});

ليست هناك تعليقات:

إرسال تعليق