Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 不知何故,下面的代码可以正常工作,但我希望使用$ajax而不是$postmethod 试图通过ajax实现这一点,但当我使用提交时,页面会正常刷新_Jquery_Validation - Fatal编程技术网

Jquery 不知何故,下面的代码可以正常工作,但我希望使用$ajax而不是$postmethod 试图通过ajax实现这一点,但当我使用提交时,页面会正常刷新

Jquery 不知何故,下面的代码可以正常工作,但我希望使用$ajax而不是$postmethod 试图通过ajax实现这一点,但当我使用提交时,页面会正常刷新,jquery,validation,Jquery,Validation,那么ajax的用途是什么呢 submitHandler:function(form){ $.ajax({ url: form.action, type: form.method, data: form.serialize(), beforeSend: function() { $('#loading').show(); }, com

那么ajax的用途是什么呢

submitHandler:function(form){
 $.ajax({
      url: form.action,
      type: form.method,
      data: form.serialize(),           
      beforeSend: function() {
        $('#loading').show();                           
      },
      complete: function(){                                    
        $('#loading').hide();           
      },
      success: function(data)
      {             
        console.log(data);
      }

    });
    $(form).submit();
  }

AJAX允许我们异步发布和获取数据,从而消除了页面刷新的需要。如果不希望页面刷新,则需要在提交事件上调用preventDefault以覆盖浏览器的默认表单提交

您在此处的页面正在刷新,因为您正在自动触发$form.submit,并且没有进行任何检查以防止默认浏览器行为

目前以低于$POST的方式完成了我的工作,工作良好且高效

preventDefault实际上是用函数中的事件编写的,而submitHandler:functionform{则是在我应该编写它的地方编写的。
submitHandler:function(form){
 $.post('userinsertcheck.php',
  $("#registration_form").serialize(),
   function(){
    $("#dialogtext").html("Account Created Successfully");
     $("#dialog").dialog({
      buttons: {            
       "OK": function () {
         $(this).dialog("close");                       
         }
       }
      });
     $("#dialog").dialog("open");                   
   });
  }