AJAXとJSONを結合するには？

Question

JSON文字列からすべての情報を読み込もうとしています。私はAJAXの助けを借りてそれを読むことも試みています。目的はinnerHTMLに情報を入力することですが、何も機能しません。

コードにはどのような問題があり、どのように解決できますか？

function getResults() { 

    var obj = [ 
     { "number": "Bob", "position": "forward", "shoots": "left" }, 
     { "number": "John", "position": "forward", "shoots": "right" } 
    ]; 


    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
     if (xhttp.readyState == 4 && xhttp.status == 200) { 
      var return_data = request.responseText; 
      document.getElementById("sportresults").innerHTML = return_data; 
     } 
    }; 
    xhttp.open("GET", obj, true); 
    xhttp.send(); 
} 

Answer 1

あなたは

を、ファイルにあなたのJSONを書き込む機能を開くには、ファイルのパスを与える必要がありますオープンの構文は 無効オープン（ のDOMString方法、 のDOMStringのURL、 オプションのブール非同期、 ですオプションのDOMStringユーザー DOMStringパスワード（オプション） ）;

は、あなたが最初に

について混乱かもしれないいくつかのことを打破レッツ https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

Answer 2

を参照してください、私はあなたがAJAXとJSONが混ざっ持っていると思います。 AJAX（Asynchronous Javascript and XML）はJavaScript呼び出しを非同期に行い、JSON（JavaScript Object Notation）はデータ形式です。

あなたのコードでオブジェクトobjを取得する呼び出しを行うことはできません。既にアクセスできます。必要に応じて変数objを使用してください。あなたは、要求がJSONを取得するために必要がある場合

ただ、これを書き、

document.getElementById("sportresults").innerHTML = obj; 

、obj値は、それ自身のファイルまたはパスにすることができ、あなたはobj.jsonにそれを置くことができます。

ファイルがobj.jsonと呼ばれていると仮定すると、この

[ 
    { "number": "Bob", "position": "forward", "shoots": "left" }, 
    { "number": "John", "position": "forward", "shoots": "right" } 
] 

ように見えるあなたはその後、先頭からこの

function getResults() { 

var xhttp = new XMLHttpRequest(); 
xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     var return_data = request.responseText; 
     document.getElementById("sportresults").innerHTML = return_data; 
    } 
}; 
xhttp.open("GET", 'obj.json', true); 
xhttp.send(); 
}