概括jquery的实现原理，简述jquery的特点

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

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

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

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

JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。相关信息：由于浏览器同源策略的限制，非同源下的请求，都会产生跨域问题，jsonp即是为了解决这个问题出现的一种简便解决方案。

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

普通的ajax是不允许跨域操作的，所以只有一条路可以走那就是jsonp格式交互。如果不是同域名下就用jsonp。

相关问答

Q1: 细说jQuery如何实现懒加载

1、懒加载：对于页面中的图片或其他媒体内容，可以使用懒加载技术，当这些内容进入视口时才加载，提高页面加载速度。代码优化：尽量减少DOM操作，使用事件委托等技术来减少事件处理函数的数量。缓存数据：对于频繁请求的数据，如用户信息、留言列表等，可以使用本地存储（如localStorage）进行缓存，减少服务器请求。

2、通常这个图片会很大，那么当浏览器窗口滚动到它的偏移位置时，jQuery.lazyload才会更改为正确的原始图片地址，真正向服务器请求这个原始图片的。所以有一定的延迟加载作用。而且这种使用方式，会影响seo，且会在用户到位置时，才会加载图片，用户需要查看时会有等待加载的过程。

3、一楼的方法不是正确的。如果简单地放一个loading图片在页面上的话，会有两种情况：有可能实现加载的效果 。 在整个页面其它元素加载了大部分或全部后，这张图片才加载进来，那就实现不了加载的效果了。常规的解决办法还是用ajax比较好。大概是这样的。需要两个页面。

4、幸运的是：vue-router支持WebPack内置的异步模块加载系统。所以，那些使用较少的路由组件不必打包进bundles里，只需要在路由被访问时按需加载。

5、解决方案一：$(document).ready(function(){//代码})解决方案二：$(function(){//代码})；解决方案三：jQuery(document).ready(function(){//代码})解决方案四：window.onload=function(){//代码} 解决方案五：将jquery代码放入body的后面，这样也会实现相同的效果。

6、预加载：就是页面打开，图片什么的都加载好了（优先显示图片）延迟加载：优先显示别的，等别的显示完了，再加载图片（优先显示其他东西）各有所需，看你的用户需要优先看什么。

Q2: jQuery数据缓存功能的实现思路

1、就可以轻松的解决了。例如：.ajax({ url：hello.do？randnum=+Math.floor(Math.random()*1000000)，...})；这样处理之后，每次的异步请求就不会相同，自然就没有缓存的烦恼了。如果感觉这样麻烦的话，.ajax()函数中有个参数 cache： false|true， 也同样可以设置是否进行缓存。

2、(#form).submit(function(){ var strArray=$(this).serializeArray()；//将form表单转为数组形式序列化表单 .post(你要提交的后台页面地址，strArray，function(result，status){ //result是由后台返回的id //status是状态，为success时成功。

3、浏览器环境，比如我们看网页，看手机都是浏览器环境，这个环境下基本上用的是cookie，cookie是一种缓存技术，如果浏览器清空cookie，那么你存的东西就没了。如果用cooki，建议使用jquery的cookie插件，封装得很完整，直接拿来没问题的。

4、可以用JS实现清除浏览器缓存，解决方法如下：在静态页面也就是以.html，.jsp，.aspx，.php结尾的文件中在dead中加入以下代码。如果是用ajax异步请求服务器，加上beforeSend代码。或者直接将cache设为false，如图。

5、第三部分（第3～7章）详细分析了底层支持模块的源码实现，包括选择器Sizzle、异步队列DeferredObject、数据缓存Data、队列Queue、浏览器功能测试Support。

Q3: jquery的源码看过吗?能不能简单概况一下它的实现原理

以java为例，前台会用jsp来写，但界面文件几乎看不到一个dom元素（html标签）考虑安全一般都会这样，当做对一些影楼类宣传的网站不必这样，因为它没有什么。htmljavascripcss是一家，有空看一下Bootstrap，jquery.有时也会后台来完成前台代码的编写。1你把代码发过来，我看一下。

jQuery 里面有很多东西是出于兼容性，历史遗留。比如 .ready() 之类的函数，为什么会很scroll 有关，那是为了兼容某些ie。这种代码对于编程思想来说不仅没用，而且是杂音，你要筛选出来就得了解这段代码的变动，费心费力得不偿失。

上面这一小段代码来自于0当中jquery的源码，它是一个无污染的JS插件的标准写法，专业名词叫闭包。可以把它简单的看做是一个函数，与普通函数不同的是，这个函数没有名字，而且会立即执行，就像下面这样，会直接弹出字符串。

jQuery的语法简单易学，而且具有很强大的跨平台性，可以兼容多种核心的浏览器。目前，已经有一百多个插件来扩充jQuery的功能，使得jQuery能满足几乎所有客户端的脚本开发。但是，目前来说专门介绍jQuery的书籍还很少，中文的书籍更是少之又少，这就给国内一些想要学习jQuery的Web开发爱好者制造了不小的障碍。

其实jQuery内部定义了一个jQuery.fn对象，查看jQuery源码可以发现jQuery.fn=jQuery.prototype，也就是说jQuery.fn对象是jQuery的原型对象，jQuery的DOM操作方法都在jQuery.fn对象上定义的，然后jQuery对象就可以通过原型继承这些方法。基础版jQuery插件知道了上面这些知识，我们就可以来写一个简单的jQuery插件。

关于概括jquery的实现原理和简述jquery的特点的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。