网站设技术之jQuery的提示:阅读JSONP从外部服务器

网站设技术之jQuery的提示:阅读JSONP从外部服务器

从米饭工作室网站内的上一篇文网站制作技术之jQuery的技巧:创建自定义的选择,我们也看到的了在三亚网站建设的趣味无穷,接下来又是一个新的技巧哦。   经典的AJAX的XMLHttpRequest(XHR)对象。大多数浏览器 …

2013-10-29

米饭工作室网站内的上一篇文网站制作技术之jQuery的技巧:创建自定义的选择,我们也看到的了在三亚网站建设的趣味无穷,接下来又是一个新的技巧哦。

 

经典的AJAX的XMLHttpRequest(XHR)对象。大多数浏览器不允许XHR访问其他服务器比当前页面的起源。要解决此限制,JSONP发明了。

 

JSONP是JSON包裹里面的函数调用。一个AJAX请求,而是指着的JSONP脚本的脚本元素添加在HTML文档中,并调用回调函数访问脚本。

 

注意
限制使用XHR有很好的理由这样做:安全浏览器厂商。JSONP JSONP开辟了新的可能性黑客绕过这些限制,因为不允许在执行之前验证工作。

 

上市5.13演示了如何检索数据从Twitter的使??用JSONP。请记住,错误处理不使用JSONP。

上市5.13:连接到Twitter,搜索jQuery的相关文章


 

00 <!DOCTYPE HTML>

01

02 <html lang="en">中

03 <HEAD>

04 <TITLE> JSONP </ TITLE>

05 </ HEAD>

06 <BODY>

07

08 <H2>按下按钮执行请求。</ H2>

09

10 <button id="trigger"> GET </按钮>

11 –

<div id="target"> 12

13

14

15 <script src="http://code.jquery.com/jquery-1.7.2.min.js"> </ SCRIPT>

16

17 <SCRIPT>

18 / /请外部代码外部js文件

19 $(文件)准备就绪(函数(){

20

21 $('#触发'),点击(函数(){

22 

23 $。getJSON('http://search.twitter.com/search.json'+

24'?Q = jquery的回调=?功能(数据){ 

25  

26元(资料。结果,函数(指数值){

27  

28 $('#目标“)。追加(value.text +' – ');

29  

30});

31  

32});

33  

34});

35

36});

37 </ SCRIPT>

38 </ BODY>

39 </ HTML>

 


默认情况下,在jQuery的JSONP处理程序看起来回调=?在查询字符串参数。的?被替换为一个jQuery JSONP由服务器将被插入到生成的回调函数。

您可以修改参数设置,如果有另外一个名字比回调或回调方法时没有参数。如果你坚持,你可以找到这些参数在jQuery的在线文档。

最好的建议是尽可能避免JSONP。