HTTPリクエストをajaxで取得する

Question

私は、リクエストを行うためにajaxで試しているjavascriptにはかなり新しいです。私は応答からパスワードを取得しようとしています。

Javascriptコードは：

$(document).ready(function() { 
    $("#LoginUser").click(function() { 
     $.ajax({ 
      url: 'http://website/api/user/Mikkel1337', 
      dataType: 'json', 
      type: 'GET', 
      contentType: 'application/json', 

      error: function() { 
       alert("An error had occurred"); 
      }, 
      success: function (data) { 
       var jsonStr = JSON.stringify(data); 

       alert(jsonStr['password']); 
      } 
     }); 
    }); 
}) 

レスポンスJSONコードは次のようになります。

{"userId":16,"firstName":"mojn","lastName":"mojn","email":"mojn@mojn.dk","accountName":"Mikkel1337","password":"123","userRoleId":1,"active":false,"userRole":null,"competetion":[],"judge":[],"team":[]} 

イムは、私が唯一の誤差関数を取得し、これを実行しています。任意の提案や解決策は高く評価されています:)

Answer 1

基本的にJSONを文字列に変換し、オブジェクトとして文字列にアクセスしようとしています。データを文字列化していない、とロングコードを使用して、なぜJSONのために、あなたのコードは次のようになりますしてください：

$(document).ready(function() { 
    $("#LoginUser").click(function() { 
     $.getJSON("http://website/api/user/Mikkel1337", function(data) { 
      // do something on success 
      alert(data.password); 
     }); 
    }); 
}); 

乾杯！以下のように機能（jqXHR、例外）：

Answer 2

は、あなたがエラーのための2つの引数を渡す必要があるデータの単純な使用のJSON.stringifyに必要

$(document).ready(function() { 
$("#LoginUser").click(function() { 
    $.ajax({ 
     url: 'http://website/api/user/Mikkel1337', 
     dataType: 'json', 
     type: 'GET', 
     contentType: 'application/json', 

     error: function() { 
      alert("An error had occurred"); 
     }, 
     success: function (data) { 


      alert(data.password); 
     } 
    }); 
}); 

}）

Answer 3

いけません。

あなたのAPIが適切な方法で一度チェックしてください。あなたのAPIが適切な結果を表示していない可能性があります。そのAPIからデータが得られないため、エラーメッセージが表示されることがあります。

$(document).ready(function() { 
      $("#LoginUser").click(function() {   
      $.ajax({ 
       url: 'http://website/api/user/Mikkel1337', 
       dataType: 'json', 
       type: 'GET', 
       contentType: 'application/json', 
       success: function (data) { 
        var jsonStr = JSON.stringify(data); 
        //also try this way to get JSON data: 
        // var jsonStr =JSON.parse(data); 
        alert(jsonStr['password']); 
       }, 
       error: function (jqXHR, exception) { 
         alert("An error had occurred"); 
       }, 
      }); 
     }); 
    });