Ajaxを使用して外部ファイルからJSONデータを呼び出します。

サンプルJSONコードを持つ外部JSファイルを呼び出しています。ファイルにサンプルjsonコードを挿入しようとすると、「：」にエラーが表示されますが、それはオンラインツールを使って、それは有効なjsonと言います。このコードで何がうまくいかないのですか？ここで Ajaxを使用して外部ファイルからJSONデータを呼び出します。

は私のコード

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 


    <script> 
$(document).ready(function() { 

    $('#click').click(function() { 
     $.ajax({ 
      url: "json.js", 
      method: "GET", 
      dataType: 'application/json', 
      contentType: "application/json", 
      success: function(result){ 
        console.log(result); 
      }, 
      error:function() { 
       alert("Error")     
      } 
     }); 
    }); 
}); 
</script>

マイ外部json.js

{ 
"data": [{  ------> throwing error at ":" as Syntax error on token ":", ; expected 
    "Service": "INSTACC", 

    "Create Date": "30-Jul-2016" 


}, { 
    "Service": "INSTACC", 

    "Create Date": "30-Jul-2016" 


}] 

}

出典

2016-08-01 Syed

jsonファイルの拡張子は.jsonです。 – madalinivascu

あなたはページ上のjsファイルを参照していますが、ページ上のファイルを参照する場合はなぜajaxを使用しますか？ – madalinivascu

このURLを参照してくださいhttp://stackoverflow.com/questions/6699091/json-file-extension – mean

の変更、ファイルのJSONにタイプとデータ型に "JSON"

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
    <script> 
$(document).ready(function() { 

    $('#click').click(function() { 
     $.ajax({ 
      url: "json.json", 
      method: "GET", 
      dataType: 'json', 
      success: function(result){ 
        console.log(result); 
      }, 
      error:function() { 
       alert("Error")     
      } 
     }); 
    }); 
}); 
</script>

出典

2016-08-01 06:09:25 madalinivascu

申し訳ありませんが、私は.jsとして間違っていました。 – Syed

xhrリクエストボディはどのように見えますか？ – madalinivascu

私はリクエストボディは必要ありません。外部のjsonファイルを呼び出して、成功のデータをロードする必要があります。 – Syed

「アプリケーション/ jsonのです"は、dataTypeプロパティの有効な値ではありません。それをdataTypeに変更してください： 'json'、

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>MyDemo</title> 
</head> 
<body> 
<button id="click">Click Me</button> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<script> 
    $(document).ready(function() { 

     $('#click').click(function() { 
      $.ajax({ 
       url: "json.js", 
       method: "GET", 
       dataType: 'json', 
       contentType: "application/json", 
       success: function(result){ 
        console.log(result); 
       }, 
       error:function(req, status, err) { 
        console.log(req); 
        console.log(status); 
        console.log(err); 
       } 
      }); 
     }); 
    }); 
</script> 
</body> 
</html>

出典

2016-08-01 06:27:40

ありがとうございました。既にその方法で完了しています。 – Syed

@Arun Kumarなぜ彼はcontentTypeが必要ですか？ – madalinivascu

@madalin ivascu contentTypeは、送信するデータの種類です。 json、html、textなど申し訳ありませんが、クライアントからサーバーに送信されたデータなしでリクエストを受け取るため、削除される可能性があります。 –

Ajaxを使用して外部ファイルからJSONデータを呼び出します。

答えて

関連する問題