Javascript 使用jqueryajax提交表单

Javascript 使用jqueryajax提交表单,javascript,jquery,ajax,Javascript,Jquery,Ajax,我试图用jquery和ajax提交表单,但代码不起作用。 我做错了什么 <script> $( function() { $( '#myForm' ).submit( function( evt ) { evt.preventDefault(); var $form = $( this ); $.ajax( { type: $form.prop( 'method' ), url: $form.prop(

我试图用jquery和ajax提交表单,但代码不起作用。 我做错了什么

<script>
  $( function() {
    $( '#myForm' ).submit( function( evt ) {
      evt.preventDefault();
      var $form = $( this );
      $.ajax( {
        type: $form.prop( 'method' ),
        url: $form.prop( 'action' ),
        data: $form.serialize(),
        dataType: "json",
        traditional: true,
        success: function( response ) {
          alert("it works!");
          document.body.innerHTML = response;
        }
      });
    });
  });
</script> 

$(函数(){
$('#myForm')。提交(函数(evt){
evt.preventDefault();
var$form=$(此);
$.ajax({
类型:$form.prop('method'),
url:$form.prop('action'),
数据:$form.serialize(),
数据类型:“json”,
传统的:是的,
成功:功能(响应){
警惕(“它起作用了!”);
document.body.innerHTML=响应;
}
});
});
});
通过稍微更改代码解决了我的问题:

我通过更改url、类型解决了问题

我决定用id=mylist更改div。现在它起作用了

<script>
                      $( function() {
                          $( '#paieska' ).submit( function( evt ) {
                              evt.preventDefault();   
                              $.ajax({
                                  url: "/Transport/Lentele",
                                  type: 'POST',
                                  data: $("#paieska").serialize(),
                                  success: function (response) {
                                      $("#mylist").html(response);                            
                                  }                           
                              });                                
                          });
                      });
                  </script>

$(函数(){
$('#paieska')。提交(函数(evt){
evt.preventDefault();
$.ajax({
url:“/Transport/Lentele”,
键入:“POST”,
数据:$(“#paieska”).serialize(),
成功:功能(响应){
$(“#mylist”).html(回复);
}                           
});                                
});
});

当我可以使用时,我将添加此作为解决方案。

此url(AJAX中的url)的响应代码是什么。您可以在网络内部、开发人员工具中进行检查。。
另外,通过只看到这一点,我可以告诉您不应该使用preventdefault,可能它开始工作了…

您在console中看到了什么吗?有任何错误报告吗?您在控制台中看到任何错误吗?您在控制台中看到任何错误吗?将以下内容添加到$.ajax({如果我删除默认表单重新加载(但没有ajax),您可以参考此链接)