<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>$.ajax()</title>
????<script?type="text/javascript"?src="js/jquery-1.8.3.min.js"></script>
????<script?type="text/javascript">
????????$(function(){
????????????//點擊按鈕異步加載數據，并在content中顯示
????????????$("#btn").click(function(){
//?????????????????$.ajax()方法??
????????????????$.ajax({
????????????????????url:?"data.json",//"發送的請求地址",
????????????????????type:"get",//"請求方式"
????????????????????data:null,//"要發送的數據",
????????????????????dataType:?"json",
????????????????????beforeSend:?function(data)?{?//?發送請求前執行的代碼
????????????????????????$(".loading").show();
????????????????????},
????????????????????success:?function(data)?{//?發送成功后執行的代碼
????????????????????????dealData(data);
????????????????????},
????????????????????complete:function(){
????????????????????????$(".loading").hide();
????????????????????},
????????????????????error:?function(XMLHttpRequest,?textStatus,?errorThrown)?{//?請求失敗執行的代碼
????????????????????????alert("錯誤信息:"+textStatus);
????????????????????}
?????????????????});
//??????????????????$.getJSON()方法?
//????????????????$.getJSON("data.json",function(data){
//????????????????????dealData(data);
//????????????????})
//
//????????????????/****??$.get()方法???****/
//????????????????$.get("data.json",{},function(data){
//????????????????????dealData(data);
//????????????????},"json");
//????????????????
//????????????????/****??$.post()方法??****/
//????????????????$.post("data.json",{},function(data){
//????????????????????dealData(data);
//????????????????},"json")
????????????});
????????????function?dealData(data){
????????????????if(typeof?data?!=?"undefined"){
????????????????????$(data.news).each(function(i){
????????????????????????$("#newsList").append("<li><a?href='#id="+data.news[i].id+"'>"+data.news[i].title+"["+data.news[i].date+"]</a></li>")
????????????????????});
????????????????}
????????????}
????????});
????</script>
</head>
<body>
<div?id="newsBox">
????<div>新聞列表</div>
????<ul?id="newsList">
????????<li><a?href="#">新聞標題1[11-27]</a></li></li>
????????<li><a?href="#">新聞標題2[11-23]</a></li></li>
????????<li><a?href="#">新聞標題3[11-23]</a></li></li>
????????<li><a?href="#">新聞標題4[11-18]</a></li></li>
????????<li><a?href="#">新聞標題5[11-11]</a></li></li>
????????<li?class="loading?hidden"?style="display:?none">loading..</li>
????</ul>
????<div?id="btn">查看更多</div>
</div>
</body>
</html>上面的代碼哪里錯了啊，jquery和json的路徑都是對的。但網頁點擊就報錯
添加回答
舉報
0/150
提交
取消