1. クライアントのソース コード
<!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> </head> <body> <script language="javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(function() { var url = "http://192.168.1.102/index_szxx_ajax.php"; $.ajax({ type: "get", async: false, url: url, dataType: "jsonp", jsonp: "callback", jsonpCallback:"infolist", success: function infolist(data){//数据返回后的处理函数infolist var backdata=""; for(var a in data){ for(var b in data[a]){ backdata=backdata+data[a][b]+"<br>"; } } $("#backdata").html(backdata); } }); }); </script> <div id="backdata">正在查询...</div> </body> </html>
2. サーバー側のソース コードindex_szxx_ajax.php
りりー上記は、コンテンツの側面を含めて、AJAX による JSONP の使用を紹介し、PHP チュートリアルに興味がある友人に役立つことを願っています。