$.getJSON(url, data, callback);
备注
url:目标请求地址
data:待发送key/value 键值对 [可选]
callback:载入成功后执行的回调函数
html代码:
- <html>
- <head>
- <title></title>
- <script src="http://code.jquery.com/jquery-latest.js"></script>
- <script language="javascript">
- $(function(){
- $("#Js_btn").click(function(){
- $.getJSON("http://localhost/jquery/php/getJson.php", {name:'rickyleo', age:'25', email:'liuriqi@gmail.com'}, function(json){
- var divHTML = '';
- $.each(json, function(index, info){
- divHTML += index + ':' + info + '<br>';
- });
- $("#divTip").html(divHTML);
- });
- });
- });
- </script>
- </head>
- <body>
- <button type="button" id="Js_btn">按钮</button>
- <div id="divTip"></div>
- </body>
- </html>
点击按钮,触发getJSON()方法到指定的php文件,通过key/value方式传递变量到php文件,
然后php文件通过$_GET方法获取到变量并格式化成json格式输出。
getJSON()方法中的第三个参数就是回调函数,回调函数的参数json可以自己定义用于存放返回的json数据
然后在回调函数里边采用$.each(json, function(key,value){})来对json的数据进行循环赋值,key和value就是json数据里边的键值对