使用jQuery Ajax表单提交

时间:2014-08-06 06:41:13

标签: javascript jquery ajax

我正在尝试使用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> 

通过改变代码来解决我的问题:

我通过更改网址来解决我的问题,输入。

我决定用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>

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

1 个答案:

答案 0 :(得分:0)

此url的响应代码是什么(AJAX中的响应代码)。你在开发人员工具中查看Net内部.. 另外,通过只看到这个,我可以告诉你不应该使用preventdefault,它可能会开始工作......