代码描述:jQuery实现JSONP应用。jQuery实现JSONP应用代码实例下载
关于JSONP相关内容可以参阅JSONP用法详解一章节。 事实上JSONP的实现和AJAX完全是两码事情,但是jQuery却将JSONP和ajax封装在了一起。 代码如下:
<!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>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能