ajax请求不会阻止页面刷新

debugcn 发表于 Dev

维斯82

这个ajax请求有什么问题？该页面仍在重新加载而没有任何弹出窗口。如果我在“ event.preventDefault（）;”之后删除所有内容它会停止页面重新加载，所以我认为它必须与我使用ajax方法的方式有关。这是针对php-self验证表单的

<script type="text/javascript">
             //attach submit event handler to the form
       $('#rsgform1').submit(function(event) {

           //prevent the form from submitting by default
           event.preventDefault();

         //Clear result div
       $("#rsgresult").html('');

         //get values from from
          var values = $(this).serialize();

           // do an ajax request   
         $.ajax({
             url: "contact.php",  
            type: "post",
            data: values,
            success: function(){
              alert("success");
              $("#rsgresult").html('Submitted successfully');
            },
            error:function(){
               alert("failure");
             $("#rsgresult").html('There is error while submit');
            }

        });
         </script>

阿伦·P·约翰尼（Arun P Johny）

您的脚本结尾})处缺少一对右括号

$('#rsgform1').submit(function (event) {

    //prevent the form from submitting by default
    event.preventDefault();

    //Clear result div
    $("#rsgresult").html('');

    //get values from from
    var values = $(this).serialize();

    // do an ajax request   
    $.ajax({
        url: "contact.php",
        type: "post",
        data: values,
        success: function () {
            alert("success");
            $("#rsgresult").html('Submitted successfully');
        },
        error: function () {
            alert("failure");
            $("#rsgresult").html('There is error while submit');
        }

    });
});// <-- missing this closing pair

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。