2017-07-06 13 views
0

JavaScriptでHTMLのボタンをクリックするとこのエラーが表示されます。JavaScriptを使用したWebサービスからJSONを取得

myapp.azurewebsites.net/:1 Uncaught SyntaxError: Unexpected end of JSON input 
    at JSON.parse (<anonymous>) 

JS:

function ajaxFunction() { 
    console.log("ajaxFunction()"); 
    var ajaxRequest; 
    try { 
     ajaxRequest = new XMLHttpRequest(); 
    } catch(e) { 
     try { 
      ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); 
     } catch(e) { 
      try { 
       ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); 
      } catch(e) { 
       alert("Broken"); 
       return false; 
      } 
     } 
    } 

    ajaxRequest.onreadystatechange = function() { 
     if (ajaxRequest.readyState == 4 && ajaxRequest.status == 200) { 

      var form = document.getElementById("myform"); 
      var titleParagraph = document.getElementById("home_title"); 
      titleParagraph.innerHTML = ajaxRequest.responseText; 

      form.style.display = "none"; 

     } 
    } 

    var value1 = document.getElementById("field1").value; 
    var value2 = document.getElementById("field2").value; 
    var url = "https://webapp.azurewebsites.net/users/" + value1 + "/" + value2; 
    console.log(url); 

    // Call sign in web service 

    ajaxRequest.open("GET", url, true); 
    ajaxRequest.send(null); 
    var jsonResponse = JSON.parse(ajaxRequest.responseText); 
    console.log("RESPONSE:"); 
    console.log(jsonResponse); 
} 

このJSONは私が第三パラメータhttps://webapp.azurewebsites.net/users/value1/value2

[{"ID":1,"UserName":"username","FirstName":"first","LastName":"last","email":"[email protected]"}] 
+0

'ajaxRequest.responseText'の実際の値は何ですか? –

+0

@JordanRunningは私の更新を見ます。 – raginggoat

+0

あなたが設定したreadystatechangeハンドラの 'ajaxRequest.responseText'を確認しようとしました(' readyState == 4 && status == 200'ブロック内) – maioman

答えて

1
ajaxRequest.open("GET", url, false); 

に行くとき私が得るものです要求が非同期であるかどうかと言います。だからあなたのコードを見て、それは同期する必要があります。

+0

これを変更すると、No 'Access-Control-Allow-Origin'ヘッダ要求されたリソースに存在する場合 – raginggoat

+0

setRequestHeader()を使用してそれを追加します – Volem

関連する問題