利用ajax從txt讀取資料

標籤：

html代碼：

<div id="news"></div>

txt:

[
{"id":"1", "news":"通知：直面企業社保痛點--為什麼企業社保外包成趨勢","url":"http://www.baidu.com"},
{"id":"2", "news":"一個好的HR就像一個好的CEO一樣","url":"https://www.taobao.com/"},
{"id":"3", "news":"內容運營做不好，和文字編輯沒有區別","url":"https://www.taobao.com/"},
{"id":"4","news":"產品生存的根本：核心功能","url":"https://www.taobao.com/"},
{"id":"5","news":"專利申請的誤區有哪些","url":"https://www.taobao.com/"},
{"id":"6","news":"管理軟體saas公司專屬應用程式，撥“雲”見日","url":"https://www.taobao.com/"},
{"id":"7","news":"夢想之都","url":"https://www.taobao.com/"}
]

js:

<script type="text/javascript">
$.ajax({
type:"POST",
contentType:"application/x-www-form-urlencoded;charset=utf-8",
url:"newsinfo.txt",
dataType:"json",
success:function(data){
var info="<ul>";
//i表示在data中的索引位置，n表示包含的資訊的對象
$.each(data,function(i,n){
var str= "<li><a href=‘"+n["url"]+"‘>"+n["news"]+"</a></li>";
info+=str;
});
info+="</ul>";
$(‘#news‘).append(info);
}
});
</script>

利用ajax從txt讀取資料