JQuery jsonp 使用示例代码

代码如下:

<?php 
if (isset($_GET['jsonpcallback'])){ 
echo $_GET['jsonpcallback']."([{id:1,name:'aaaa1'},{id:2,name:'bbbb2'}])"; 
exit; 
} 
?> 
<html> 
<script type='text/javascript' src='commons/scripts/jquery.js'></script> 
<script type='text/javascript'> 
$(function(){ 
$.ajax({ 
url:'http://localhost/test.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> 
<body> 
<div id='res'></div> 
</body> 
</html>

相关推荐