嘗試學習從json獲得資料并顯示在頁面中，json檔案名：tqxs_order.htm，發布為本地地址http://127.0.0.1/tqxs_order.htm，資料格式：
jsoncallback({"info":[
{"url":"http://127.0.0.1/xwzx/01/327263.shtml","title":"近期天氣形勢分析","summary":"未來幾天，我省大部氣溫總體趨勢是步入在回升的通道上，雖說寒冷程度有所緩解，但現在畢竟處于數九寒冬中。"},
{"url":"http://127.0.01/xwzx/01/327224.shtml","title":"近期天氣形勢分析","summary":"1日下午：全省晴有時多云。"},
]})
HTMl檔案名index.htm，發布為本機 http://127.0.0.1，代碼是：
<script src="https://bbs.csdn.net/topics/js/jquery-1.9.1.js"></script>
<ul class="xw_box id="tqxs">
<script type="text/javascript">
$(function(){
$.ajax({
url : 'http://127.0.0.1/tqxs_order.htm',
dataType : "json",
success : function(data) {
var infoNum=1;
$.each(data,function(i,json){
if (infoNum>6) return false;
$("#tqxs").append("<li><a href=https://bbs.csdn.net/'" + json.url + "\' title=\'" + json.title + "\' target=\'_blank\'>" + json.title +"..."+ "</a></li>");
infoNum++;
})
},
error:function(){
return true;
}
});
})
</script>
</ul>
現在的問題是頁面不報錯，也沒有資料。
uj5u.com熱心網友回復：
<ul class="xw_box bt-none" id="tqxs"><script type="text/javascript">
$(function(){
$.ajax({
url : 'http://127.0.0.1/tqxs_order.htm',
dataType : "jsonp",
jsonp : "jsoncallback",
jsonpCallback:"jsoncallback",
success : function(data) {
var infoNum=1;
$.each(data.info,function(i,json){
if (infoNum>6) return false;
$("#tqxs").append("<li><a href='" + json.url + "' title='" + json.title + "' target='_blank'>" + json.title.substr(0,42) +"</a></li>");
infoNum++;
})
},
error:function(){
return true;
}
});
})
</script>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/108253.html
標籤：Ajax
上一篇：Hello