关于JSONP相关内容可以参阅JSONP用法详解一章节。
事实上JSONP的实现和AJAX完全是两码事情,但是jQuery却将JSONP和ajax封装在了一起。

代码如下:
   [ jQuery ] 运行代码    下载代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</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:'https://www.51qianduan.com/demo/JSON/php/antzone.php?callback=books',
    dataType:'jsonp',
    jsonp:'callback',
    jsonpCallback:'books'
  });
})
</script>
</head>
<body>
<div id="books"></div>
</body>
</html>

代码描述:jQuery实现JSONP应用。jQuery实现JSONP应用代码实例下载



124 165



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到