JQuery jsonp 使用示例代码
作者:bea
代码如下: <?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'></scri
代码如下:
<?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>
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jQuery ui 1.7更新小结
- 获取 textarea 标签第n行的文字的js代码
- css+js完美控制图片大小
- IE8 下的Js错误HTML Parsing Error...
- jQuery 判断页面元素是否存在的代码
- JavaScript写的一个DIV 弹出网页对话框
- 使用JQuery和s3captche实现一个水果名字的验证
- JS 添加删除元素的实现代码
- javascript 不停(setInterval)/延时(setTimeout)函数使用实例
- img标签中onerror用法
- 什么是JavaScript
- Javascript Global对象
- Javascript Math对象
- Javascript 作用域使用说明
- Javascript 继承机制实例
- Javascript 继承机制的实现
- Javascript 继承实现例子
- 一些不错的JS 自定义函数
- JavaScript 十六进制RGB色码转换器