网站设技术之jQuery的提示：阅读JSONP从外部服务器
从米饭工作室网站内的上一篇文网站制作技术之jQuery的技巧：创建自定义的选择，我们也看到的了在三亚网站建设的 […]
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。
