json文件读取简单实例
关键字：jQuery Ajax 调用Json
刚开始学习Ajax，利用jQuery写了一个调用Json的简单例子。
其实用jQuery写Json很简单了，框架中已经写好了方法，只要简单的调用即可：
首先要引入jQuery库；
接下来是js代码，放在页面中，将方法捆绑在#btnGet元素对象上
<script type=”text/javascript”>
<!–
$(document).ready(function(){
$(”#btnGet”).click(function(){
//读取json文件，并转换为data对象
$.getJSON(”json.txt”,function(data){
//通过循环输出json数据
for (i=0;i<data.user.length;i++)
{
$(”#note”).append(”</div><div class=’person’></div><div mce_tmp=”1″>”);
$(”#note .person:eq(”+i+”)”).append(”</div><div class=’name’>”+data.user[i]+”</div><div mce_tmp=”1″>”);
$(”#note .person:eq(”+i+”)”).append(”</div><div class=’address’>”+data.address[i]+”</div><div mce_tmp=”1″>”);
}
//点击后让按钮不可点
$(”#btnGet”).attr(”disabled”,”disabled”);
});
});
});
// –>
</script>
接下来是html文档中的对象
<div id=”note”>
</div>
最后是json文件，我用了txt文件，当然你可以输出php的asp的都同样原理：
最新评论