• ارسال فرم با 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 529 09-07-2014 ساعت 11:30
    آخرین ارسال: pirzad_7@yahoo.
    Note ایجاد تاخیر در لاگین در صورت چند لاگین ناموفق hasti 9 1,333 03-07-2014 ساعت 17:20
    آخرین ارسال: hasti
    Note نحوه ایجاد مقادیر در صورت عدم موجودیت در جدول sixi 1 548 19-06-2014 ساعت 13:50
    آخرین ارسال: SOFTAFZAR
    Note ایجاد دیتابیس در صورت عدم وجود در PHP BaNNer LorD 1 980 23-01-2013 ساعت 20:24
    آخرین ارسال: SOFTAFZAR

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