jQuery-用jquery中的ajax()代替传统的json传值

来源：互联网发布：控制网络连接管理编辑：程序博客网时间：2024/06/15 18:47

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>json传值测试</title><style>td{background:#066;}</style></head><body><table border="1" id="name"></table>    <button id="test" value="test" type="button">test</button>       <script src="jquery.js" type="text/javascript"></script>    <script>/* 传统的json传值    $(function(){$("#test").click (function(){$.getJSON('tablejsontest.json',function(data){$('#name').empty();var html = '';$.each(data,function(nameIndex,name){html +='<tr><td>' + name['name'] + '</td><td >' + name['sex'] + '</td><td>' + name['school'] + '</td></tr>';})$('#name').html(html);})})})*///ajax里面的json传值$(function(){$('#text').click (function(){$.ajax({type:"GET",url:"tablejsontest.json",dataType:"json",success:function(data){$('#name').empty();var html ='';$.each(data,function(nameIndex,name){html +='<tr><td>' + name['name'] + '</td><td >' + name['sex'] + '</td><td>' + name['school'] + '</td></tr>';});$('#name').html(html);}});});})    </script></body></html>

tablejsontest.json代码如下：

[{"name":"anna","sex":"女","school":"第一中学"},{"name":"jon","sex":"man","school":"第三中学"}]

阅读全文

0 0