使用jQuery Ajax提交表單

Question

我正在嘗試使用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> 

通過稍微更改代碼解決了我的問題：

我通過更改url，type解決了我的問題。

我決定更改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>

有空時，我將其添加為解決方案。

Answer 1

這個網址的響應碼是什么（AJAX中的那個）。 您可以在Net中，開發人員工具中對其進行檢查..另外，僅通過查看此內容，我可以告訴您不應該使用preventdefault，可能是它開始起作用了...