关于jquery1.7.3的信息

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

使用jquery的jsonp如何发起跨域请求及其原理详解

JSONP 的基本原理是利用标签的 src 属性没有跨域限制的特性来实现跨域数据访问。在使用 JSONP 时，需要在客户端创建一个 script 标签，将需要访问的资源 URL 以参数形式传递给服务器，服务器在接收到请求后，将数据装入一个函数调用中返回给客户端。

JSONP实现跨域请求的原理简单的说，就是动态创建script标签，然后利用script的src 不受同源策略约束来跨域获取数据。JSONP 由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数。回调函数的名字一般是在请求中指定的。而数据就是传入回调函数中的 JSON 数据。

jsonp其核心思想是利用JS标签里面的跨域特性进行跨域数据访问，在JS标签里面存在的是一个跨域的URL，实际执行的时候通过这个URL获得一段字符串，这段返回的字符串必须是一个合法的JS调用，通过EVAL这个字符串来完成对获得的数据的处理。

JSONP的最基本的原理是：动态添加一个script标签，而script标签的src属性是没有跨域的限制的。这样说来，这种跨域方式其实与ajax XmlHttpRequest协议无关了。这样其实jQuery AJAX跨域问题就成了个伪命题，jquery $.ajax方法名有误导人之嫌。

JSONPJSONP（JSONwithpadding）是一种跨域请求的解决方案。它通过在页面中动态生成一个script标签，从而将数据以回调函数的形式返回到页面中。这样，由于script标签不存在跨域限制，可以在任意域名下访问。CORSCORS（Cross-OriginResourceSharing）是一种跨域请求的标准。

相关问答

Q1: jquery绑定点击事件的方法

在jQuery中，动态绑定事件的方法有很多种，以下是其中的一些常用方法： - on()：这是一个通用的事件绑定方法，可以用于任何事件类型，包括自定义事件。它可以将一个或多个事件处理程序绑定到与选择器匹配的元素上。当事件发生时，这些处理程序将被调用。

新建一个静态页面bind.html，并引入jquery核心文件。在标签中，插入一个button按钮，添加id属性值。在标签中，添加按钮点击事件，利用on()方法绑定。保存代码并运行项目，打开浏览器查看界面效果，点击按钮查看控制台。将on()方法改为bind()方法，然后保存代码，点击按钮查看打印结果。

实现的方法如下：第一步，创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

可以先给div标签设置id，然后给这个id绑定点击事件。

Jquery中绑定事件有三种方法：target.click(function(){})；target.bind(click，function(){})；target.live(click，function(){})；live方法，只有在click事件发生的时候，才会去检测绑定事件的对象target是否存在，所以live方法可以实现后来新增子元素的事件的绑定。

Q2: 怎么选择使用jQuery版本

1、目前jQuery有三个大版本：x：兼容ie678，使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用x版本就可以了，最终版本：14 (2016年5月20日)x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。

2、一般用10及以下的版本，因为更高版本的0.3已经不支持IE6/7/8了。另外尽量选择高版本，高版本会修复一些BUG和加入一些更新。

3、JQuery文件里面搜索：selector：， jquery：，两个单引号里面的内容，搜索出来的结果后面的数字就是版本号。

4、首先在官网下载jQuery，共有两个版本。Production version - 用于实际的网站中，已被精简和压缩。Development version - 用于测试和开发（未压缩，是可读的代码）。把 jQuery 添加到您的网页。jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的标签引用它。

Q3: 如何高效使用jquery

1、javascript原生循环方法for和while，要比jQuery的.each()方法快，应该优先使用原生方法。尽量少生成jquery对象每当你使用一次选择器（比如$(#id)），就会生成一个jQuery对象。jQuery对象是一个很庞大的对象，带有很多属性和方法，会占用不少资源。所以，尽量少生成jQuery对象。

2、使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

3、首先在官网下载jQuery，共有两个版本。Production version - 用于实际的网站中，已被精简和压缩。Development version - 用于测试和开发（未压缩，是可读的代码）。把 jQuery 添加到您的网页。jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的标签引用它。

4、强大的功能：jQuery插件通常具有丰富的功能，例如动画、过滤器、DOM操作、事件处理等。这些功能可以帮助开发人员更快、更高效地开发应用程序。简单易用的API：jQuery插件的API设计简单明了，可以让开发人员快速上手，并且可以避免一些常见的错误。

5、此外，由于jQuery库的广泛应用，相比其他框架或库，使用jQuery库也会更为稳定和可靠。总之，jQuery库是什么意思？它是一个简单、快捷以及功能丰富的JavaScript库。相比于其他库和框架，jQuery库的优点是其轻量且具有极高的可移植性，而且它支持各种语法糖，使开发人员更加容易进行高效的开发。

6、那么，你学的这些技能将大有用武之地！本文将介绍网页编程的后端开发技能，帮助你更好地了解这个领域。重点技术网页编程的后端开发技能重点在于HTML、CSS、JavaScript、jQuery、JSP/ASP/PHP/ASP.NET等技术，以及SQL、MySQL或Oracle数据库。掌握这些技能，可以让你在后端开发领域更加得心应手。

关于jquery1.7.3和的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。