首先了解什么是JSON:
操作效果:
JSON格式:
解析操作:
在jQuery中使用:
<script type="text/javascript" src="../scripts/jquery-1.7.2.js"></script> <script type="text/javascript"> $(function() { $("a").click( function() { var url = this.href; var args = { "time" : new Date() }; //url: //args:JSON格式 //function:回调函数,当响应结束时,回调函数被触发,响应结果在data中 $.getJSON(url,args,function(data) { var name = data.person.name; var website = data.person.email; var email = data.person.website; /* <h2><a href="mailto:andy@clearleft.com">Andy Budd</a></h2> <a href="http://andybudd.com/">http://andybudd.com/</a> */ //注意如果原文的双引号里面的双引号要用单引号 $("#details").empty().append( "<h2><a href='mailto:"+email+"'>" + name + "</a></h2>").append( "<a href='"+website+"'>" + website + "</a>"); }); // $.get(url,function(data) { // var name = data.person.name; // var website = data.person.email; // var email = data.person.website; // /* // <h2><a href="mailto:andy@clearleft.com">Andy Budd</a></h2> // <a href="http://andybudd.com/">http://andybudd.com/</a> // */ // //注意如果原文的双引号里面的双引号要用单引号 // $("#details").empty().append( // "<h2><a href='mailto:"+email+"'>" + name // + "</a></h2>").append( // "<a href='"+website+"'>" + website + "</a>"); // 在后面添加类型告诉jQuery你使用什么类型 // },"JSON"); return false; }) }) </script>原文链接:https://www.f2er.com/ajax/164591.html