我是JQuery和JSON的新手。
我想從我的服務器中檢索JSON,並在HTML文件的不同標題中顯示每個部分。我不完全確定如何做到這一點,嘗試了很多東西,我已經設法得到它,所以JSON顯示在Chrome的控制檯日誌中。
現在我真的不明白我如何抓住每個單獨的JSON部分來顯示在不同的div中。任何幫助,將不勝感激。
HTML:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getJSON("http://10.240.211.221:5000/questions/1", function(result){
console.log(result);
});
});
});
</script>
</head>
<body>
<button>Get JSON data</button>
<h1 id="question">Question will go here</h1>
<div id="optionA">
option A will go here
</div>
<div id="optionB">
option B will go here
</div>
</body>
</html>
JSON
{
"question": [
{
"ID": 1,
"a": "Yes",
"aResult": 0,
"b": "No",
"bResult": 0,
"question": "Are Jaffa Cakes biscuits?"
}
]
}
單擊按鈕時,我收到'Uncaught TypeError:無法讀取未定義的屬性'0'。 這可能是什麼原因造成的? – RafeeJ
我根據你最初的問題寫了這個例子。你必須檢查你的反應結果是什麼。我將'question'定義爲'var question = result.questions [0];'所以我假設結果沒有數組問題。 – zlwaterfield
我應該指定該結果在我原來的問題中返回JSON。它確實返回一些東西。 – RafeeJ