站长网(Downzz.com)
站长网(Downzz.com)
当前位置:首页 > 站长教程 > 建站经验 > jQuery教程
jQuery实现的JSONP应用代码实例_jQuery实例
时间:2019-10-28 03:02:34 围观:629 来源:Downzz
关于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>

文章为作者独立观点不代表本网立场,未经允许不得转载。