c
<html>
<head>
</head>
<body>
<h1>一客户端(url:http://192.168.1.2:81/jsonp_test.php)</h1>
<h2>客户端页面首先在body 中放置一个div:<h2>
<h3> 将远程调用的数据写入该div中</h3>
<div id="res"></div>
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url:'http://192.168.9.5/jsonp_test1.php',
dataType:"jsonp",
jsonp:"jsonpcallback",
success:function(data){
var $ul = $("<ul></ul>");
$.each(data,function(i,v){
$("<li/>").text(v["id"] + " " + v["name"]).appendTo($ul)
});
$("#res").append($ul);
}
});
});
</script>
<!--
$('#'+id+' li input').each(function(key,item){
a++;
if($(item).is(':checked')){
n++;
}
});
-->
</body>
</html>
s
<?php
//服务端(url:http://192.168.9.5/jsonp_test1.jsp)
//代码很简单,就是输出一个字符串
//比如正常输出json应该是:
//[{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]
//jsonp 则输出:
//jsonpcallback([{"id":"1","name":"测试1"},{"id":"2","name":"测试2"}]) 其中“jsonpcallback”是客户端传过来的
jsonp = request.getParameter("jsonpcallback")
str = "[{""id"":""1"",""name"":""测试1""},{""id"":""2"",""name"":""测试2""}]"
str = jsonp + "(" +str+")"
response.Write(str)