通过jquery的ajax请求本地的json文件方法

自己学习jquery的ajax的经历，记录一下

ajaxTestDemo.html

在body里面放一个id为test的div

第一步还是要先加载jquery文件 jquery.min.js

$(function(){ $.ajax({ //请求方式为get type:"GET",//json文件位置 url:"./data/shuju.json",//返回数据格式为json dataType: "json",//请求成功完成后要执行的方法 success: function(data){ //使用$.each方法遍历返回的数据date,插入到id为#result中 var str="

"; $.each(data.list,function(i,n){ str+="
• "+n["item"]+"
"; }) str+="

"; $("#test").append(str); } }); });

shuju.json文件

/* json文件里竟然不能有这样的注释，因为困扰了几个小时！*/

完整的页面代码

测试jquey的ajax方法

<div id="test">

<script src="js/jquery.min.js">