AJAX経由でフォームデータを送信する際のFirebugの "Aborted"メッセージの解決方法？

Question

データベースのバックエンドとしてPHP Webアプリケーションを作成しましたが、WebページにアクセスするとFirebugのNetパネルのステータス列に「中止」というメモがあります。どうして？

$('#submit').on('click', function() { 
 
//  e.preventDefault(); 
 
     var formData = JSON.stringify($("#frmPayoye").serializeObject()); 
 
     console.log(formData); 
 
     $.ajax({ 
 
      type: "POST", 
 
    
 
      url: "http://www.sanaroopay.com/pg/api/ectransact/", 
 
      data: formData, 
 
      cache: false, 
 
      timeout: 60000, 
 
      async: false, 
 
      processData: true, 
 
      dataType: 'json', //you may use jsonp for cross origin request 
 
      contentType: "application/json; charset=utf-8", 
 
      crossDomain: true,    
 
      success: function (data) { 
 
       alert(JSON.parse(data)); 
 
//    alert("ok"); 
 
       console.log("success"); 
 
//    window.location.assign('https://secure.payoye.net/web/merchant'); 
 
      }, 
 
      error: function() { 
 
       console.log("Failed"); 
 
      } 
 
     }); 
 
    });

Answer 1

ここで例えば）オープンXHR（のドキュメントを参照してください：https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest

注：すでにアクティブ要求（その一つのオープン（このメソッドを呼び出す）、またはopenRequest（）は既に呼び出されています）は、abort（）を呼び出すのと同じです。

必要に応じて新しいXHRインスタンスを作成してください。 jQueryやその他のJSライブラリを使用してAJAXを実行する方が良いでしょう。これらの複雑さからあなたを守るはずです。

How to solve Firebug’s “Aborted” messages upon Ajax requests?

Answer 2

Ajax呼び出しが中止され、それを行うように設計されてページがフォームを送信されるようにするには、フォームの送信をキャンセルされていません。したがって、フォーム提出を停止する必要があります。

$('#submit').on('click', function (evt) { 
    evt.preventDefault(); //stop the default action of the button 
    //Rest of your code 
}); 

の