HI,欢迎您光临Downzz,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!
当前位置:首页 > 站长教程 > 建站经验 > jQuery教程 > jQuery实现的JSONP应用代码实例_jQuery实例

jQuery实现的JSONP应用代码实例_jQuery实例

时间:2019-10-28人气:538来源:Downzz我要评论(0)
关于JSONP相关内容可以参阅JSONP用法详解一章节。

事实上JSONP的实现和AJAX完全是两码事情,但是jQuery却将JSONP和ajax封装在了一起。

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.downzz.com/" />
<title>Downzz.com</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
function books(books){
  var books=books.book;
  var booksContainer=document.getElementById('books');
  var str="";
  for(var index=0;index<books.length;index++){
    str=str+"<div>"+
    books[index]["range"]+","+
    books[index]["author"]+","+
    books[index]["target"]+
    "</div>";
  }
  booksContainer.innerHTML=str
}
$(document).ready(function(){
  $.ajax({
    type:'get',
    url:'http://www.downzz.com/demo/JSON/php/antzone.php?callback=books',
    dataType:'jsonp',
    jsonp:'callback',
    jsonpCallback:'books'
  });
})
</script>
</head>
<body>
<div id="books"></div>
</body>
</html>
温馨提示:以上内容和图片整理于网络,仅供参考,如果对您有帮助,留下您的阅读感言吧!如有侵权行为请联系删除!

相关文章

网友评论

请自觉遵守互联网相关政策法规,评论内容只代表网友观点,与本站立场无关!

最新评论

还没有收到评论,赶紧来抢沙发吧~

关于站长下载 | 联系方式 | 发展历程 | 版权声明 | 下载帮助(?) | 广告联系 | 网站地图 | 友情链接

Copyright 2005-2019 Downzz.Com 【站长下载】 版权所有 浙ICP备17005543号-4 | 浙公网安备 42011102000245号工信部

声明: 本站部分内容属于原创转载请注明出处 如有侵权行为请严格参照本站【版权声明】与我们联系,我们将在48小时内容进行处理!