jsFiddleテストのjQuery AJAXリクエスト（エコーあり）

Question

次のコードは、 'undefined'を警告し、期待どおりに応答データからhtmlを追加しません。なぜ誰が知っていますか？

はJavaScript：

$(function() { 

    $('.document').on('click', '.ajax', function(e) { 
     e.preventDefault(); 

     // ajax request 
     $.ajax({ 
      async: true, 
      cache: false, 
      type: 'post', 
      url: '/echo/html/', 
      data: { 
       html: '<p>This is echoed the response in HTML format</p>', 
       delay: 1 
      }, 
      dataType: 'html', 
      beforeSend: function() { 
       console.log('Fired prior to the request'); 
      }, 
      success: function(data) { 
       console.log('Fired when the request is successfull'); 
       $('.document').append(data); 
      }, 
      complete: function() { 
       console.log('Fired when the request is complete'); 
      } 
     }); 

    }); 

});​ 

HTML：

<div class="document"> 
    <a class="ajax" href="#">Fire an AJAX request</a> 
</div>​ 

例jsFiddle：http://jsfiddle.net/L6bJ2/3/

Answer 1

1. HTTPメソッドがtypeはなくmethodによってで指定されているので、あなたが使用する必要があります;

   type: 'post', 
   

2. あなたがHTMLとして応答タイプを指定したので、あなたはsuccessコールバックのdataパラメータで渡された文字列を取得します。 data.htmlを使用しようとしているときにJSONを期待しているようです。代わりにdataを直接使用してください。これらの変更により

   success: function(data) { 
       console.log('Fired when the request is successfull'); 
       $('.document').append(data); 
   }, 
   

、あなたはit works: http://jsfiddle.net/L6bJ2/6/

Answer 2

ライブ例はこちら https://stackoverflow.com/a/34940340/5361795

使用beforeSendやAJAX呼び出しで完全なコールバック関数、

ソースShoutingCode

で見つけることができます