[英]retrieve data from json file
我正在嘗試從.json文件中檢索數據,但使用jquery不會檢索任何數據!
json文件數據:
[
{"optiontext" : "One", "optionvalue" : "One"},
{"optiontext" : "Two", "optionvalue" : "Two"},
{"optiontext" : "Three", "optionvalue" : "Three"}
]
我試圖訪問該數據的代碼是:
<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#submit').click(function () {
$.ajax({
//alert("I'm doing it now");
//define the attributes for the connection
type:"GET",
url:"sample1.json",
dataType:"json",
//extrat the data
success: function (data) {
var SampleFileMessage="<ul>";
$.each(data, function(i,n){
SampleFileMessage+="<li>"+n["optiontext"]+"</li>";
});
SampleFileMessage+="</ul>";
$('#message').append(SampleFileMessage);
document.writeln(SampleFileMessage);
}
});
return false;
});
});
</script>
</head>
<body>
<input type="button" onclick="getjson()" value="pressme" style="align:center" />
<div id="messege" > <input type="button" id="submit" value=" get the data from json" ></div>
</body>
</html>
我該怎么處理這種json格式!
嘗試這個:
$.each(data, function(i, n) {
SampleFileMessage += "<li>" + n.optiontext + "</li>";
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.