javascript投稿/取得要求読み取りキャッチエラー

Question

postリクエスト中にエラーをキャッチする方法はjavascriptでですか？ readyState == 4はリクエストが完了したことを意味し、status==200はリクエストが成功した場合は意味します。ポストリクエストが失敗したときにインターネット接続に失敗したとか、値が間違っているというメッセージが表示されます。ときにその

var xhttp = new XMLHttpRequest(); 
    xhttp.open("POST", url, true); 
    xhttp.setRequestHeader("Content-type", "application/json"); 
    xhttp.onreadystatechange = function() { 
     if (xhttp.readyState == 4 && xhttp.status == 200) { 
      // document.getElementById("demo").innerHTML = xhttp.responseText; 
      hideToolbar(); 
      console.log('Saving successful.'); 
     } else if(xhttp.status == "failed"){ 
      console.log('Sorry there is a problem.'); 
     } 
    }; 
    var data = JSON.stringify({ 
     "name":"name", 
     "definition":diagramData 
    }); 
    xhttp.send(data); 

Answer 1

まず第一に、モーダルは大丈夫働いている

現在、私はこのような何かを持っている、あなたは応答が得ているときに、これが唯一のトリガーxhttp.onreadystatechange = function(...でこれをラップしたいと思います。たぶん、コードの途中でコードを削除しても、それでも言及しておくとよいでしょう。

ステータスが200以外の場合は、キャッチオールを行うのは大したことではありません。サーバーが201,202を送信しても問題なく動作することがあります。私はあなたのelseステートメントをelse ifに変更し、エラーについてはif(xhttp.status >= 400)を明示的にチェックすると言います。

しかし、私は 'ちょうどjQueryを使う人'であることは嫌いですが、あなたはすでにそれを使っています。 jQueryはAJAX呼び出しを大幅に簡素化し、結果の組み込みの約束を提供します。あなたはこのように上記の達成可能性：

$.post('http://my-url.com', {my: 'data'}).done(function(response) { 
    hideToolbar(); 
    $("#myModal").modal(); 
    }) 
    .error(function(error) { 
    console.log('did not work because of', error)});