jquery js ajax 不错的想法

<scriptlanguage="JavaScript">
    $(document).ready(function(){
        $('#YOUR_FORM').submit(function(){// catch the form's submit event
            $.ajax({// create an AJAX call...
                data: $(this).serialize(),// get the form data
                type: $(this).attr('method'),// GET or POST
                url: $(this).attr('action'),// the file to call
                success:function(response){// on success..
                    $('#DIV_CONTAINING_FORM).html(response);// update the DIV}});returnfalse;});});</script>

EDIT

As pointed out in the comments sometimes the above won't work. So try the following:

<scripttype="text/javascript">var frm = $('#FORM-ID');
    frm.submit(function(){
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success:function(data){
                $("#SOME-DIV").html(data);},
            error:function(data){
                $("#MESSAGE-DIV").html("Something went wrong!");}});returnfalse;});</script>

转载于:https://www.cnblogs.com/Jghost/p/3594414.html