表单提交在jquery mobile中调用Ajax

Question

我想在jquery mobile中通过ajax调用提交表单。

我的脚本就是那个

<script>
function confirm(){

var user_name = $('#login_form').find('input[name="user_name"]').val();
    $.ajax({

            type: "POST",
            url: $('#login_form').find('input[name="action"]').val(),
            data: "val=" + user_name, 
           success: function(data){

                alert(data); 
            }
        });

}
</script>

我的表格在这里......

                        名称                      电子邮件                      密码                                                            

请紧急..........

Answer 1

function confirm(){

var frm = $('#login_form');

frm.submit(function () {
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
                alert('ok');
            }
            error: function(xhr,err){
                 alert(err);
            }

        });

        return false;
    });
}

You can use this function to post your data...

Answer 2

You can try this function also...

$("#login_form").submit(function() {

    $.ajax({
           type: "POST",
           url: $(this).attr('action'),
           data: $("#login_form").serialize(), // serializes the form's elements.
           success: function(data)
           {
               alert(data); // show response from the php script.
           }
           error:function(xhr,err){
               alert(err);
            }
         });

    return false; // avoid to execute the actual submit of the form.
});