jquery-mobile – jQuery Mobile中的AJAX表单提交

//bind an event handler to the submit event for your login form
$(document).on('submit','#form_id',function (E) {

    //cache the form element for use in this function
    var $this = $(this);

    //prevent the default submission of the form
    e.preventDefault();

    //run an AJAX post request to your server-side script,$this.serialize() is the data from your form being added to the request
    $.post($this.attr('action'),$this.serialize(),function (responseData) {

        //in here you can analyze the output from your server-side script (responseData) and validate the user's login without leaving the page
    });
});

要阻止jQuery Mobile运行自己的表单的AJAX sumbission,请将其放在表单标记上：

<form data-ajax="false" action="...">