ارسال فرم با jquery بصورت ajax
#1
Note 
سلام به همه
میخواستم بدونم چطور با استفاده از جی کوئری برای فایل php داده های فرم رو ارسال کنم؟ من تو جاهای مختلف دیدم بصورت ajax اینکار انجام میشه.

پاسخ
#2
Note 
سلام یه مثال توپ همراه توضیح:

[HTML]<form id="foo">

<label for="bar">A bar</label>
<input id="bar" name="bar" type="text" value="" />

<input type="submit" value="Send" />

</form>[/HTML]

کد جاوا اسکریپت:
[JS]
// variable to hold request
var request;
// bind to the submit event of our form
$("#foo").submit(function(event){
// abort any pending request
if (request) {
request.abort();
}
// setup some local variables
var $form = $(this);
// let's select and cache all the fields
var $inputs = $form.find("input, select, button, textarea");
// serialize the data in the form
var serializedData = $form.serialize();

// let's disable the inputs for the duration of the ajax request
// Note: we disable elements AFTER the form data has been serialized.
// Disabled form elements will not be serialized.
$inputs.prop("disabled", true);

// fire off the request to /form.php
request = $.ajax({
url: "/form.php",
type: "post",
data: serializedData
});

// callback handler that will be called on success
request.done(function (response, textStatus, jqXHR){
// log a message to the console
console.log("Hooray, it worked!");
});

// callback handler that will be called on failure
request.fail(function (jqXHR, textStatus, errorThrown){
// log the error to the console
console.error(
"The following error occured: "+
textStatus, errorThrown
);
});

// callback handler that will be called regardless
// if the request failed or succeeded
request.always(function () {
// reenable the inputs
$inputs.prop("disabled", false);
});

// prevent default posting of form
event.preventDefault();
});
[/JS]

کد php:
// you can access the values posted by jQuery.ajax
// through the global variable $_POST, like this:
$bar $_POST['bar']; 

پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Note تغییر عکس به صورت اسلاید اسلاید pirzad_7@yahoo. 2 357 09-07-2014 ساعت 11:30
آخرین ارسال: pirzad_7@yahoo.
Note ایجاد تاخیر در لاگین در صورت چند لاگین ناموفق hasti 9 918 03-07-2014 ساعت 17:20
آخرین ارسال: hasti
Note نحوه ایجاد مقادیر در صورت عدم موجودیت در جدول sixi 1 406 19-06-2014 ساعت 13:50
آخرین ارسال: SOFTAFZAR
Note ایجاد دیتابیس در صورت عدم وجود در PHP BaNNer LorD 1 611 23-01-2013 ساعت 20:24
آخرین ارسال: SOFTAFZAR

کاربرانِ درحال بازدید از این موضوع:   1 مهمان