• 关于 jquery判断浏览器 的搜索结果

回答

我们不推荐使用jQuery.browser这个属性,请尝试使用功能检测来代替(见jQuery.support)。 jQuery.browser在未来的版本中可能会转移到一个jQuery插件。以下这个判断条件失效了,所以导致报错。if($.browser.msie) {可以用jQuery.support来做浏览器判断if(!jQuery.support.leadingWhitespace) {

a123456678 2019-12-02 02:18:41 0 浏览量 回答数 0

回答

我们不推荐使用jQuery.browser这个属性,请尝试使用功能检测来代替(见jQuery.support)。 jQuery.browser在未来的版本中可能会转移到一个jQuery插件。以下这个判断条件失效了,所以导致报错。if($.browser.msie) {可以用jQuery.support来做浏览器判断if(!jQuery.support.leadingWhitespace) {

a123456678 2019-12-02 02:20:27 0 浏览量 回答数 0

问题

jQuery怎么替换一个html中的一个元素,是=号前面的那个。

小旋风柴进 2019-12-01 19:28:45 905 浏览量 回答数 1

新用户福利专场,云服务器ECS低至96.9元/年

新用户福利专场,云服务器ECS低至96.9元/年

问题

jQuery兼容性问题

a123456678 2019-12-01 20:17:10 969 浏览量 回答数 1

回答

首先,javascript是单线程的,没错。其次,我个人建议,如果不是因为特殊需求的话,不要用timeout之类的函数。大多人需要的不是timeout,而是事件监听,比如XXX加载完成后运行什么函数。再次,判断一个文件是否加载完毕也不使用timeout的,如果因为延迟问题而导致一个文件加载要2分钟呢?解决方法:在html头里将<script src='jquery.js'></script>放在其它script标签之上,这样浏览器会首先加载jquery,再加载其他script。使用require.js,这个就比较高端了,你有兴趣可以google搜索一下。再再次,貌似下面这段从你代码里截取的语句不能运行:function(){ if (typeof(jQuery) == 'undefined') return true; else return false; }() 好像题主想表达的是这样 (function(){ if (typeof(jQuery) == 'undefined') return true; else return false; })()

小旋风柴进 2019-12-02 02:19:06 0 浏览量 回答数 0

回答

对于很多 web 应用,常用库早已封装成了常用的库,比如 rails ,已经有很稳定的 gem ,而且上线 上,基本上包括 jquery 在内的所有应用基本上都压成了一个文件,这样只在第一次访问是载入慢些,后面都是很快的。而且浏览器厂商太多,要求所有浏览器都内置不太可能,所以你不得不在页面中检测判断,结果反倒不如直接引入文件来的方便。实在不行,也可以引入cdn嘛。浏览器本地解决是否必要其实不在于这样行不行,只是这样做,用处不大而已,现在的带宽对于载入一个脚本来说,完全足够了,更何况基本上这些脚本都会缓存下来。真的没有必要,它会增加开发人员的复杂度,也会增加浏览器厂商的复杂度,但其实 CDN 完全就能解决。优化是件好事,但是过犹不及呀。

小旋风柴进 2019-12-02 02:18:42 0 浏览量 回答数 0

回答

nodeName是Level1的API,IE6都支持,所以出现的情况可能是你的elem为空指针,所以可能前面的选择器没有选择到elem。可以把这行代码改为如下试试,但可能由于选择器不对导致某些功能不正常 varnoData=elem&&elem.nodeName&&jQuery.Data[elem.nodeName.toLowerCase()];回复 @wuzhidexiaolang:if判断写为如下比较好if(!page_el.value||!el.rule(page_el.value))回复 @wuzhidexiaolang:有些浏览器可能装了一些补丁包,相同的IE版本会有微小的差异,可以看看IE相关的补丁是否一致和小版本号是否一致。还有另外一个错误,value为空或不是对象。这行代码是:if(page_el.value==""||(!el.rule(page_el.value))){$(this.errdivid).html(el.err);returnfalse;}有些ie8浏览器是能正常导出excel的,有些浏览器异常,这是为什么啊? 引用来自“boystudio”的评论 nodeName是Level1的API,IE6都支持,所以出现的情况可能是你的elem为空指针,所以可能前面的选择器没有选择到elem。可以把这行代码改为如下试试,但可能由于选择器不对导致某些功能不正常 varnoData=elem&&elem.nodeName&&jQuery.Data[elem.nodeName.toLowerCase()];

爱吃鱼的程序员 2020-06-08 09:49:52 0 浏览量 回答数 0

问题

JQuery-Form中的AjaxSubmit有个坑。。。? 400 报错

爱吃鱼的程序员 2020-05-30 21:15:24 0 浏览量 回答数 1

回答

点击18+的时候,浏览器向服务器发送了一个ajax请求,相当于访问服务器的页面age_confirm_hander.php,带上POST数据ageaccepted=yes。 这个脚本识别了这个POST数据后,在返回的HTTP响应报头中要求浏览器设定一个cookie,为他们自己识别的一个值。截获HTTP响应报头,可以发现如下的数据: zenid=otnvfkko177kljp489v00j90o4; path=/; domain=.www.electroniccigarettesinc.com; HttpOnly 你的zenid很有可能不同。这个秘密字符串你可以选择加密或不加密,或把各种各样的信息加密进去,随便。(比如我推荐把服务器端时间加密进去,这样可以实现一段时间之后自动失效,必须强制重新询问的目的。) 而按下按钮ajax请求发出后,也不等待结果返回(没必要),直接把弹出框关闭掉。这样就实现了没有无需跳转(避免刷新,观感上很自然)直接恢复正常浏览页面。 而回头再说这个东西是如何弹出的。本例的网站中,网页实现提示框的代码包含:jQuery、一个jQuery LightBox插件ColorBox,以及提示框自身的 。在客户请求网页时,服务器端会判断cookie中是否有预先设定好的合法的值。如果没有或错误,则服务器端会把这些代码发出。如果正确,则不发出。这样就实现了这个框点了就不会反复出现。 用火狐的插件Poster,可以方便的发送自定义的POST数据。自己操作一下这个过程,看一下HTTP响应报头的原文,就很容易理解了。

杨冬芳 2019-12-02 02:47:18 0 浏览量 回答数 0

回答

因为你的 dataType 是 jsonp 而不是 json jsonp不支持POST跨域,所以会自动给你转成GET ######是的,感谢###### 是不是请求提交类型错了?  jquery 是用 type:"POST"的  不是methon:"POST" ######没有弄错,我看的是request对象的open和send那里######确实有,昨天我还遇到,真在郁闷时候,又好了。###### 这个真木有。。。应该在深入打下断点,调试下看看是Spring还是Jquery导致的。两方面都应该需要检查。 ######看我帖子里的说明###### 引用来自“爪哇老妖”的答案 这个真木有。。。应该在深入打下断点,调试下看看是Spring还是Jquery导致的。两方面都应该需要检查。 应该更深入检查下,在doservice之前是否已改变,或者是在js中就已经改变,还是偶尔会出现这种现象。。。 ######这个是不可能的,浏览器开调试工具看一下######从提交开始查看提交方式开始检查一下。######好吧,我已经确定你们都没有看过我在帖子里的描述了。###### 引用来自“Rayn-瑞恩”的答案 从提交开始查看提交方式开始检查一下。 比较赞同。。。 ######那用http请求捕获工具 看下 浏览器发送请求时 到底是什么方式啊? 然后再来判断是前端还是后端的问题啊

爱吃鱼的程序员 2020-06-04 17:52:07 0 浏览量 回答数 0

回答

没有相关的事件来获取隐藏按钮点击,keydown/keyup事件中获取到的keyCode都是0,楚了你说的前往keyCode 13. 可以用计时器监视window.innerHeight高度改变来判断。 下面的代码在android chrome浏览器下测试正常,javascript检查android软键盘隐藏显示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script> <input type="text" id="txt" /> <div id="dv"></div> <script> var timer, windowInnerHeight; function eventCheck(e) { if (e) { //blur,focus事件触发的 $('#dv').html('android键盘' + (e.type == 'focus' ? '弹出' : '隐藏') + '--通过' + e.type + '事件'); if (e.type == 'click') {//如果是点击事件启动计时器监控是否点击了键盘上的隐藏键盘按钮,没有点击这个按钮的事件可用,keydown中也获取不到keyCode值 setTimeout(function () {//由于键盘弹出是有动画效果的,要获取完全弹出的窗口高度,使用了计时器 windowInnerHeight = window.innerHeight;//获取弹出android软键盘后的窗口高度 timer = setInterval(function () { eventCheck() }, 100); }, 500); } else clearInterval(timer); } else { //计时器执行的,需要判断窗口可视高度,如果改变说明android键盘隐藏了 if (window.innerHeight > windowInnerHeight) { clearInterval(timer); $('#dv').html('android键盘隐藏--通过点击键盘隐藏按钮'); } } } $('#txt').click(eventCheck).blur(eventCheck);

小旋风柴进 2019-12-02 02:37:31 0 浏览量 回答数 0

回答

ajax 的 post 也是 普通方法 ,没什么稀奇。用 curl 都可以做到 。 jquery等类库 使用 post  get 方法等 ,都会在http头里增加 xmlhttprequest 头 。 个别网站可能用 这个头 来判断 是否 是 ajax 来决定返回什么数据 。只要带这个头 一般都能取到 ,还有的 可能需要 cookie ,如果需要 ,可以把 cookie 也放进 http头里。 你可以调试看一下 jquery 等类库的 http请求头 。 ###### php curl ###### 引用来自“leo108”的答案 php curl 不可以,file_get_contents和curl都不能模拟ajax 的 post操作,还有办法吗?  看样子只有浏览器 ######必需可以.######curl怎么不可以######我是来看“@大神”怎么回答的~######回复 @CodePorter1989 : 各路亲戚都有啊###### @大神 @大婶 @大娘 @大妈 @大姨妈###### 引用来自“CodePorter1989”的答案 引用来自“leo108”的答案 php curl 不可以,file_get_contents和curl都不能模拟ajax 的 post操作,还有办法吗?  看样子只有浏览器能收到header 没有什么不可以,curl可以post ######回复 @leo108 : 表达有误,我说的是不使用jsonp直接跨域的测试结果######回复 @程序猿的我还想当帅哥 : 呵呵######我确定 jquery $.post可以跨域 $.ajax 不能跨域######回复 @justphp : jsonp跨域的前提是,你有被请求网站的权限,楼主是要采集,明显不会有######回复 @CodePorter1989 : 使用jsonp格式 可以跨域!######HTTP 头设置的不对,获知对方做了什么特殊的验证机制。######不是没人能做到,而是别人能做到,你却做不到。######lz惊呆了没?######不科学啊~~这个应该是可以的啊~~发送head信息和post信息,用curl应该都能做到的啊######举个例子     在群里问:"jdbc连接数据库,群里就没有人会吗?"    群里人的反应是:我靠!被鄙视了,还是不回答了. ######。。呵呵

kun坤 2020-05-29 20:54:36 0 浏览量 回答数 0

回答

本来就是网站,干嘛要隐藏呢?如要这么干只能是 native app 了:) ###### 引用来自“红薯”的答案 本来就是网站,干嘛要隐藏呢?如要这么干只能是 native app 了:) 关键里边有一部分是免费短信的内容,怕被别人乱用,呵呵;是否能够判断请求源是手机还是浏览器?我去找找 ######phonegap打包,直接解压就能得到你的代码。######回复 @红薯 : 嗯,我研究研究新浪微博的短链接是啥原理,看看能不能派上用场,不行就得用phonegap包一下子了######判断是否手机是不靠谱的,别人都可以模拟的######想到了一种处理方法: 由于采用了jsonp,所以url后缀要采用callback=? 通过修改jquery的源代码,自定义一下callback函数的生成规则 然后再server端根据规则进行校验,如果符合规则就放过,否则就拒绝。 但这种方法能挡住一些小白,对付老鸟不行,呵呵

kun坤 2020-05-29 20:55:57 0 浏览量 回答数 0

问题

【精品问答】前端开发必懂之JS技术二百问

茶什i 2019-12-01 22:05:04 146 浏览量 回答数 0

问题

【精品问答】前端实战100例之JavaScript篇

珍宝珠 2020-02-14 15:10:56 1456 浏览量 回答数 1

回答

要判断这个 CSS 文件是否加载完毕,各个浏览器的做法差异比较大,这次要说IE浏览器做的不错,我们可以直接通过onload方法来处理CSS加载完成以后的处理: 代码如下 复制代码 // 代码节选至seajsfunction styleOnload(node, callback) { // for IE6-9 and Opera if (node.attachEvent) { node.attachEvent('onload', callback); // NOTICE: // 1. "onload" will be fired in IE6-9 when the file is 404, but in // this situation, Opera does nothing, so fallback to timeout. // 2. "onerror" doesn't fire in any browsers! } } 很遗憾,这次在其他的浏览器中,想判断CSS是否加载完成就不是那么方便了,FF,webkit可以通过node.sheet.cssRules属性是否存在来判断是否加载完毕。而且需要使用setTimeout间隔事件轮询: 代码如下 复制代码 // 代码节选至seajs function poll(node, callback) { if (callback.isCalled) { return; } var isLoaded = false; if (/webkit/i.test(navigator.userAgent)) {//webkit if (node['sheet']) { isLoaded = true; } } // for Firefox else if (node['sheet']) { try { if (node['sheet'].cssRules) { isLoaded = true; } } catch (ex) { // NS_ERROR_DOM_SECURITY_ERR if (ex.code === 1000) { isLoaded = true; } } } if (isLoaded) { // give time to render. setTimeout(function() { callback(); }, 1); } else { setTimeout(function() { poll(node, callback); }, 1); } } setTimeout(function() { poll(node, callback); }, 0); SeaJS给出的完整的处理是这样的: 代码如下 复制代码 function styleOnload(node, callback) { // for IE6-9 and Opera if (node.attachEvent) { node.attachEvent('onload', callback); // NOTICE: // 1. "onload" will be fired in IE6-9 when the file is 404, but in // this situation, Opera does nothing, so fallback to timeout. // 2. "onerror" doesn't fire in any browsers! } // polling for Firefox, Chrome, Safari else { setTimeout(function() { poll(node, callback); }, 0); // for cache } } function poll(node, callback) { if (callback.isCalled) { return; } var isLoaded = false; if (/webkit/i.test(navigator.userAgent)) {//webkit if (node['sheet']) { isLoaded = true; } } // for Firefox else if (node['sheet']) { try { if (node['sheet'].cssRules) { isLoaded = true; } } catch (ex) { // NS_ERROR_DOM_SECURITY_ERR if (ex.code === 1000) { isLoaded = true; } } } if (isLoaded) { // give time to render. setTimeout(function() { callback(); }, 1); } else { setTimeout(function() { poll(node, callback); }, 1); } } // 我的动态创建LINK函数function createLink(cssURL,lnkId,charset,media){ var head = document.getElementsByTagName('head')[0], linkTag = null; if(!cssURL){ return false; } linkTag = document.createElement('link'); linkTag.setAttribute('id',(lnkId || 'dynamic-style')); linkTag.setAttribute('rel','stylesheet'); linkTag.setAttribute('charset',(charset || 'utf-8')); linkTag.setAttribute('media',(media||'all')); linkTag.setAttribute('type','text/css'); linkTag.href = cssURL; head.appendChild(linkTag); } function loadcss(){ var styleNode = createLink('/wp-content/themes/BlueNight/style.css'); styleOnload(styleNode,function(){ alert("loaded"); }); } 在看到seajs的代码的时候,我立刻想起了我看到Diego Perini的另一个解决方案: 代码如下 复制代码 /* Copyright (C) 2010 Diego Perini All rights reserved.* cssready.js - CSS loaded/ready state notification* Author: Diego Perini Version: 0.1 Created: 20100616 Release: 20101104* License: http://www.111cn.net * Download: http://javascript.nwbox.com/cssready/cssready.js*/ function cssReady(fn, link) { var d = document, t = d.createStyleSheet, r = t ? 'rules' : 'cssRules', s = t ? 'styleSheet' : 'sheet', l = d.getElementsByTagName('link'); // passed link or last link node link || (link = l[l.length - 1]); function check() { try { return link && link[s] && link[s][r] && link[s][r][0]; } catch(e) { return false; } } (function poll() { check() && setTimeout(fn, 0) || setTimeout(poll, 100); })(); } 其实,如果你读过jQuery的domready事件的判断的代码,原理也类似。也是通过setTimeout轮询的方式来判断DOM节点是否加载完毕。 还有,Fackbook则是通过在动态创建的CSS样式中包含一个固定的样式,例如#loadcssdom,loadcssdom就是一个高度为1px样式。然后动态创建一个DOM对象,添加这个loadcssdom样式。然后也是setTimeout轮询loadcssdo是否已经有1px的高度了。这个处理方式的解决方案,大家可以下《CSSP: Loading CSS with Javascript – and getting an onload callback.》 而《JavaScript Patterns》的作者Stoyan则在他的博客里,比较详细的说明了《When is a stylesheet really loaded?》。 看完了这些,你可能会感叹:汗,判断CSS是否加载完毕,目前还真不是那么容易!其实我这里算是一个抛砖引玉,因为开发中,除了动态加载CSS,我们还要动态加载JavaScript,动态加载HTML的操作,有空我也会写关于动态加载JavaScript的相关内容,不过在那之前,我建议你看看这些: 《ensure – Ensure JavaScripts/HTML/CSS are loaded on-demand when needed》,这个库是专门处理动态加载HTML,CSS,JavaScript的。就像作者介绍的那样: ensure is a tiny JavaScript library that provides a handy function ensure which allows you to load JavaScript, HTML, CSS on-demand, and then execute your code. ensure www.111cn.net ensures that the relevant JavaScript and HTML snippets are already in the browser DOM before executing your code that uses them. 《Tell CSS that JavaScript is available ASAP》 看完这个后,你可能就不会纠结:When you’re styling parts of a web page that will look and work differently depending on whether JavaScript is available or not。 好了,这次就说这么多了,希望对对大家的开发和学习有帮助!来源网络

元芳啊 2019-12-02 00:54:41 0 浏览量 回答数 0

问题

如何使用Java+JS等技术手段获取阿里云域名交易页面特定域名的一口价,并没有我想象的那么简单,求大

刘刚_ 2020-05-22 21:21:45 3 浏览量 回答数 1

回答

用上 FreeMarker 后,再也不需要 JSP了,JSP相对来说弱爆了,连 layout 功能都没有,layout 现在是基本配置了###### 引用来自“爪哇老妖”的答案 这个真可以有,JSP、Velocity、Freemarker这些都属于动态模版技术,HTML呢,直接就是静态模版技术,也许你会反问我可以用ajax来实现后台调用数据啊,可是我很担心你那页面的加载速度和用户体验,情况更严重的是,有些页面的效果是根据后台数据或参数来展示的,对于你的这个想法,持保留意见。。。 从加载速度方面来说,并没有想像中那么慢,在Chrome和Firefox上速度飞快,加载HTML的时候根本感觉不到它做了些什么,只是在IE上不太理想,页面巨大的话有时候确实会卡一下,不过随着IE版本的更新这个情况可能会慢慢解决掉。 用户体验方面感觉比原来刷页面的方式好的多,Ajax与后台交互,所以根本看不到讨厌的500错误页面了,用JS处理好后台返回的错误,提示信息更加易懂。 至于页面显示内容与数据库有关的问题,这都是交给后台组织好数据用JSON返回的,例如:{userid:1,operation: {'查询'}}和{userid:2,operation: {'查询','删除'}}之类,这样JS拿到JSON数据之后就知道该怎么构建页面了,当然,这些页面元素级的控制,完全可以放到数据库中去,动态的实时控制用户权限。 ######楼主说的情况跟extjs一样,抛弃动态页面,所有数据用js控制,展现,IE处理js虽然慢一点,但这是可控的,在加载的时候给个loading图片用户看起来比浏览器加载动态页面效果好些。要是js功底好,还可以写一些特效,用户体验就更好了。######+freemarker###### 看情况啊,可以有。 不过你说的情况,也有很多,尤其是网站很大,甚至页面的不同部分都是不同的小组做的话。 这时候不用落伍的iframe,就用ajax,jsonp了。 ###### 引用来自“闫晓沛”的答案 +freemarker 是直接访问freemarker的模板吗?这样也确实可以代替JSP,不过还是得走一下Java容器,感觉不如直接让Apache处理HTML的好 ###### 这个真可以有,JSP、Velocity、Freemarker这些都属于动态模版技术,HTML呢,直接就是静态模版技术,也许你会反问我可以用ajax来实现后台调用数据啊,可是我很担心你那页面的加载速度和用户体验,情况更严重的是,有些页面的效果是根据后台数据或参数来展示的,对于你的这个想法,持保留意见。。。 ######回复 @lovinglily : ”世界上不会有一个页面是预先设计好的,因为它有数据“乔布斯说的######意思是,静态页面预先设计好布局的话,并不是根本意义上根据后台数据动态改变,这对页面数据显示有影响是吧..######你能保证所有用户的浏览器都能处理你的这些数据?######跨浏览器确实是一个大问题,可以借助jQuery这样的JS库来解决,虽然有些时候也不是很完美,但是够用了######对于jsp freemarker 等之类的都是属于动态模板,要知道它们最终都是翻译成html代码给浏览器,所以没有替代这种说法。只能说哪种情况更适合你的应用了。如果动态交互更多 且动态判断多的情况下 你用ajax动态请求的方式显得很蹩脚,这中间有个取舍和平衡点######同意你的观点###### 引用来自“爪哇老妖”的答案 这个真可以有,JSP、Velocity、Freemarker这些都属于动态模版技术,HTML呢,直接就是静态模版技术,也许你会反问我可以用ajax来实现后台调用数据啊,可是我很担心你那页面的加载速度和用户体验,情况更严重的是,有些页面的效果是根据后台数据或参数来展示的,对于你的这个想法,持保留意见。。。 我能保证所有用户浏览器都能处理服务器发给它的HTML,很难保证用户浏览器能处理我页面里的所有Ajax数据请求。 ######回复 @xmut : js不可能运行的很慢,就算被我们喷的无地自容的IE6,其实也是大量的js在运行。一个页面的js不可能很多,多到不能处理的地步,否则是本身就设计有问题的######啥年代了,还在纠结浏览器能不能运行js。######没错,这样的项目架构确实存在禁用JS之后玩不转的情况,但是现在有几个项目不用JS的呢,我们可以把“开启JS”作为项目运行必需的环境提出来######确实!楼主把页面控制逻辑全部交给javascript,万一客户端javascript被禁用,或者javascript运行速度很慢,这反而影响了客户体验!######有还是没有 ,看项目的需要,没有不能替代的技术方案。

爱吃鱼的程序员 2020-06-04 16:49:07 0 浏览量 回答数 0

问题

CKeditor七牛云JS SDK前端上传插件修改

yahoo8 2019-12-01 20:57:38 4793 浏览量 回答数 0

问题

YSlow老矣尚能饭否

sunny夏筱 2019-12-01 22:09:32 10004 浏览量 回答数 2

问题

【javascript学习全家桶】934道javascript热门问题,阿里百位技术专家答疑解惑

管理贝贝 2019-12-01 20:07:22 6202 浏览量 回答数 1

回答

1、jsonp必须遵循一个固定的格式。即请求的URL的search中必须存在一个jsonpcallback=functionName;响应的格式为functionName(/ json data /); 原理就是利用script不受同源策略限制的特点。2、在server返回数据之后,尽量删掉这个script。因为页面中有n多个jsonp,就会有n多个生成的script标签。造成dom臃肿。并且别人也可以通过观察html来指导你jsonp的请求细节。3、是看重写的mimeType是不是和server返回的一样。如果一样就没必要重写mimeType了。除此之外还用了setRequestHeader、overriderMimeType、abort等方法。4、看代码流程即可。我写了一个简单点的例子 (function (global) { // 防止低版本ie里,undefined被重写 var undefined = void(0); // 定义命名空间 var namespace = {}; // 默认的参数列表 var defaultOptions = { // ajax请求的路径是什么 url: '', // 往服务器发送的数据 data: '', // 使用什么http方法 type: 'get', // ajax请求方式,同步还是异步。默认为异步 async: true, // 成功时执行的函数 success: function (data) { }, // 失败时执行的函数 error: function (errInfo) { }, // 自定义请求首部列表 header: {}, // 重写的mimeType overrideMimeType: '', // 是否走缓存 cache: false, // 超时毫秒数。默认为0 表示不执行超时逻辑 timeout: 0, // 是否格式化参数为uri string processData: true, // 请求的mime类型 默认为表单提交 contentType: 'application/x-www-form-urlencoded', // 返回的数据格式 text|json dataType: 'text' }; /** * CORE * @param {Object} options 用户输入的参数 * @throw TypeError */ var ajax = function (options) { // 判断参数是否为对象,如果不是则抛出类型错误 if (!tool.isObject(options)) { throw new TypeError('参数类型错误'); } // 合并用户输入的参数列表和默认的参数列表 返回一个全新的参数列表对象 var userOptions = tool.extend(defaultOptions, options); // ajax第一步:获取ajax对象 var xhr = tool.getXHR(); // 1、如果是get系 需要把data拼接到url后面 if (/^(get|delete|head)$/img.test(userOptions.type)) { var data = tool.encodeToURIString(userOptions.data); userOptions.url = tool.hasSearch(userOptions.url, data); // 因为get系不需要传send参数,所以设置为null userOptions.data = null; } // 2、是否走缓存,如果不走缓存则在url后面加一个随机数来防止缓存 if (userOptions.cache === false) { // 因为search是有固定格式的 key=value 如果只写一个value是不合法的,所以必须构造一个key,而且这个key不能和已有的key重复 var random = '_=' + (Math.random() * 0xffffff).toFixed(0); userOptions.url = tool.hasSearch(userOptions.url, random); } // ajax操作第二步 xhr.open(userOptions.type, userOptions.url, userOptions.async); // 2.1 设置自定义请求首部信息 if (userOptions.header && tool.isObject(userOptions.header)) { tool.eachObject(userOptions.header, function (key, value) { xhr.setRequestHeader(key, value); }) } // 2.2 设置content-type http里表现mimeType的字段就是content-type // 设置请求的mimeType if (userOptions.contentType && tool.isString(userOptions.contentType)) { xhr.setRequestHeader('content-type', userOptions.contentType); } // 2.3 设置重写的mime类型 // 设置响应的mimeType if (userOptions.overrideMimeType && tool.isString(userOptions.overrideMimeType)) { xhr.overrideMimeType(userOptions.overrideMimeType); } // 2.4 判断是否执行超时逻辑 if (tool.isNumber(userOptions.timeout) && userOptions.timeout > 0) { xhr.timeout = userOptions.timeout; // 标准浏览器 if ('ontimeout' in xhr) { xhr.ontimeout = function () { userOptions.error('timeout'); } } else { // 低版本ie setTimeout(function () { // http的事务是否还没有完成 if (xhr.readyState !== 4) { // 强制终止http事务 xhr.abort(); } }, xhr.timeout); } } // 2.5 是否需要处理给服务器发送的数据,判断processData是否为true // 当给服务器发送的数据为二进制或者formData的时候,不需要处理这个数据 // 要把processData设置为false if (/^(post|put)$/igm.test(userOptions.type) && userOptions.processData === true) { userOptions.data = tool.encodeToURIString(userOptions.data); } // ajax第三步:接收响应 xhr.onreadystatechange = function () { // http的事务是否完成 if (xhr.readyState === 4) { // 获取响应主体 var responseText = xhr.responseText; // 判断状态码是否成功 if (/^2\d{2}$/.test(xhr.status)) { // 判断是否需要把响应主体格式化为json对象 if (userOptions.dataType === 'json') { // 因为不合法的json字符串无法转换为json对象,会出异常 try { responseText = tool.JSONParse(responseText); } catch (ex) { userOptions.error(ex); return; } } userOptions.success(responseText); // R如果响应码是错误的类型 } else if (/^(4|5)\d{2}$/.test(xhr.status)) { // 直接执行error userOptions.error(xhr.status); } } }; // ajax第四步:发送 xhr.send(userOptions.data); }; /** * 利用闭包,实现获取数据类型 * @param {string} type 数据类型 * @returns {Function} */ var getType = function (type) { return function (obj) { // 为什么要用Object.prototype.toString来判断类型? return Object.prototype.toString.call(obj) === '[object ' + type + ']'; } }; var tool = { /** * 利用惰性函数,实现获取ajax对象的方法 */ getXHR: (function () { var list = [function () { return new XMLHttpRequest; }, function () { return new ActiveXObject('Microsoft.XMLHTTP'); }, function () { return new ActiveXObject("Msxml2.XMLHTTP"); }, function () { return new ActiveXObject("Msxml3.XMLHTTP"); }]; var len = list.length; var xhr = null; while (len--) { try { list[len](); xhr = list[len]; break; } catch (ex) { continue; } } if (xhr !== null) { return xhr; } throw new Error('当前浏览器不支持此方法'); })(), /** * 合并多个对象 * @returns {{}} 合并后的对象 */ extend: function () { // 因为参数长度不固定,所以把参数列表转成数组 // var params = [].slice.call(arguments, 0); var voidObj = {}; this.each(arguments, function (item) { // item为每一个参数对象 tool.eachObject(item, function (key, value) { voidObj[key] = value; }); }); return voidObj; }, /** * 循环帮助函数,利用惰性函数 */ each: (function () { if ([].forEach) { return function (list, callback, context) { [].forEach.call(list, callback, context); } } return function (list, callback, context) { for (var i = 0, j = list.length; i < j; i++) { callback.call(context, list[i], i, list); } } })(), /** * 循环对象 * @param {Object} obj 要循环的对象 * @param {Function} callback 回调函数 * @param {Object|undefined} context 回调函数里头的上下文对象 */ eachObject: function (obj, callback, context) { for (var n in obj) { if (!obj.hasOwnProperty(n)) continue; callback.call(context, n, obj[n]); } }, /** * 给tool动态添加判断数据类型的方法 */ init: function () { this.each(['Object', 'Function', 'Array', 'String', 'Number'], function (item) { tool['is' + item] = getType(item); }) }, /** * 把一个对象格式化为uri string * @param {*} data 需要格式化的数据 * @return {string} 格式化之后得到的uri string */ encodeToURIString: function (data) { if (this.isString(data)) return data; if (!this.isObject(data)) return ''; var arr = []; this.eachObject(data, function (key, value) { arr.push(encodeURIComponent(key) + '=' + encodeURIComponent(value)); }); return arr.join('&'); }, /** * 往url后面拼接参数的方法 * @param {string} url url * @param {string} padString 要拼接的参数 * @returns {string} 拼接之后的url */ hasSearch: function (url, padString) { if (!padString) return url; // 如果有问号,说明url里已经有参数了,因为参数和参数之间用&来分隔 /*if (/\?/.test(url)) { return url + '&' + padString; } else { return url + '?' + padString; }*/ return url + (/\?/.test(url) ? '&' : '?') + padString; }, /** * 把json字符串格式化为json对象 * @param {string} jsonString json字符串 * @return {Object} json对象 */ JSONParse: function (jsonString) { if (window.JSON) { return JSON.parse(jsonString) } return eval('(' + jsonString + ')'); } }; tool.init(); // 把ajax方法放入命名空间中 namespace.ajax = ajax; tool.each(['get', 'post'], function (item) { /** * 动态添加get和post方法 * @param {string} url 请求的url * @param {Object} data 往服务器发送的数据 * @param {Function} callback 成功的回调函数 * @param {string} dataType 数据格式 */ namespace[item] = function (url, data, callback, dataType) { ajax({ url: url, type: item, data: data, success: callback, dataType: dataType }); } }); // 先把全局里已经存在的x先放到一边 var globalX = global.x; /** * 解决全局变量名冲突 * @param {string|undefined} symbol 更改的全局变量名 * @returns {Object} */ namespace.noConflict = function (symbol) { if (symbol && tool.isString(symbol)) { window[symbol] = namespace; } global!==undefined&&(window.x = globalX); return namespace; }; // 暴露到全局环境中 global.x = namespace; })(this); 用法和jquery的一样。不过我暴露的是x变量,不是$.

小旋风柴进 2019-12-02 02:28:33 0 浏览量 回答数 0

问题

安卓与iOS百问,开发者系统指南

yq传送门 2019-12-01 20:14:48 27317 浏览量 回答数 26

问题

基础语言百问-Python

薯条酱 2019-12-01 20:12:27 56807 浏览量 回答数 30

问题

程序员报错行为大赏-配置报错

问问小秘 2020-06-11 13:18:25 6 浏览量 回答数 1

问题

求把最后“欢迎回来”写成一个页面跳转的超链接!!!:报错

kun坤 2020-06-06 00:49:41 0 浏览量 回答数 1

问题

某政务网站性能优化

猫饭先生 2019-12-01 21:25:38 1412 浏览量 回答数 0

问题

在 berserkJS 中无缝使用 Wind.js:报错

kun坤 2020-06-07 14:00:40 0 浏览量 回答数 1

问题

天津开发票_MVP?

游客mewwag62exqco 2019-12-01 19:34:51 2 浏览量 回答数 0

问题

北京开发票_MVP

游客mewwag62exqco 2019-12-01 19:34:50 2 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 云栖号物联网 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站 云栖号弹性计算 阿里云云栖号 云栖号案例 云栖号直播