首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Web前端JQuery面试题(三)

Web前端JQuery面试题(三) Web前端JQuery面试题(三) 1.怎么阻止冒泡过程?...one()方法可以将所选选的元素绑定一个触发一次的处理函数 one(type, [data], fn); trigger()自动执行, triggerHandler()方法进行取消 trigger()方法...stop([clearQueue],[gotoEnd]) 停止正在执行的动画,clearQueue是布尔值,是否停止正在执行的动画,gotoEnd是布尔值,是否完成正在执行的动画。...Ajax是Asynchronous JavaScript and XML的缩写,核心是通过XMLHttpRequest对象进行异步获取的方法,向服务发送数据请求,通过这个对象进行接收请求返回的数据。...ajaxStart(callback) ajax请求开始时执行 ajaxComplete(callback) ajax请求完成时执行函数 ajaxError(callback) ajax请求发送错误时执行函数

3.1K21
您找到你想要的搜索结果了吗?
是的
没有找到

详细解读JqueryAjax函数:$.get(),$.post(),$.ajax(),$.getJSON()

注意,同步请求将锁住浏览,用户其它操作必须等待请求完成才可以执行。...如果为数组,jQuery自动为不同值对应同一个名称。 {foo:["bar1", "bar2"]} 转换为 ‘&foo=bar1&foo=bar2′。...jQuery自动替换 ? 为正确的函数名,以执行回调函数。 error Function (默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。...即服务没有返回错误,返回的数据也没有错误 ajaxSuccess 全局事件全局的请求成功 error (局部事件) 仅当发生错误时触发。...你无法同时执行success和error两个回调函数 ajaxError 全局事件全局的发生错误时触发 complete (局部事件) 不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件

3.4K100

jQuery ajax() 方法

jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件,其中的函数和方法允许我们在不刷新浏览的情况下从服务加载数据。....ajaxError() 当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。 .ajaxSend() 在 Ajax 请求发送之前显示一条消息。...注意,同步请求将锁住浏览,用户其它操作必须等待请求完成才可以执行。 beforeSend Function 发送请求前可修改 XMLHttpRequest 对象的函数,添加自定义 HTTP 头。...如果为数组,jQuery自动为不同值对应同一个名称。 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。...不会自动缓存结果。"json": 返回 JSON 数据 。"jsonp": JSONP 格式。使用 JSONP 形式调用函数时, "myurl?callback=?" jQuery自动替换 ?

2.5K60

全网最新、最全的jQuery核心知识,你真的不想点开看看嘛?

为什么使用 jQuery 它能够兼容市面上主流的浏览, IE 和 FireFox,Google 浏览 处理 AJAX,创建异步对象是不同的,而 jQuery 能够使用一种方式在不同的浏览创建 AJAX...、 dom对象的value(使用dom.value获取), index: 数组的下标 : 这个下标自定义,且会自动增长,知道与数组中的元素个数一致的时候,停止增长,例如:数组中元素有5个,则这个i为 0...~4,当执行完4的时候,会停止调用each()函数。)...定义方式 : error:function() { 发生错误时执行 }; 语法格式 : $.ajax( { async : true ,error:function(){请求发生错误时,执行的函数} }...使用jQuery以及Ajax实现省市级联查询 使用的地方:比如填写淘宝收货地址的时候,在省份来点击河北省,下一个市区栏会自动变为河北省以下的市区名,选择好市区名下一栏会出现该市区内的街道等信息 我们这里使用一下

5.8K10

Ajax等待返回结果时,弹出一个友好的等待提示

巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务发送请求前执行一些动作。...具体可参考jquery官方文档:http://api.jquery.com/Ajax_Events/ [html] view plain copy print?...即服务没有返回错误,返回的数据也没有错误。 ajaxSuccess 全局事件 全局的请求成功 error 局部事件 仅当发生错误时触发。...ajaxError 全局事件 全局的发生错误时触发 complete 局部事件 不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件。...ajaxComplete 全局事件 全局的请求完成时触发 ajaxStop 全局事件 当没有Ajax正在进行中的时候,触发。

3.9K10

Ajax等待返回结果时,弹出一个友好的等待提示

巧用Ajax的beforeSend 提高用户体验 jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务发送请求前执行一些动作。...具体可参考jquery官方文档:http://api.jquery.com/Ajax_Events/ $.ajax({       beforeSend: function(){        ...即服务没有返回错误,返回的数据也没有错误。 ajaxSuccess 全局事件 全局的请求成功 error 局部事件 仅当发生错误时触发。...ajaxError 全局事件 全局的发生错误时触发 complete 局部事件 不管你请求成功还是失败,即便是同步请求,你都能在请求完成时触发这个事件。...ajaxComplete 全局事件 全局的请求完成时触发 ajaxStop 全局事件 当没有Ajax正在进行中的时候,触发。

4.9K100

50个必备的实用jQuery代码段

其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。...(); 注意:一定要先引入prototype.js 再引入jquery.js,先后顺序不可。...Button Clicked"); } }); 如何替换串中的词 var el = $('#id'); el.html(el.html().replace(/word/ig, '')); 如何在一段时间之后自动隐藏或关闭元素...:$.ajax() 有个参数global (默认: true) 是否触发全局 AJAX 事件.设置为 false 将不会触发全局 AJAX 事件, ajaxStart 或 ajaxStop 可用于控制不同的...如何在jQuery中克隆一个元素: var cloned = $('#somediv').clone(); 在jQuery中如何测试某个元素是否可见 if($(element).is(':visible

6.7K00

jQuery基础(五)一Ajax应用与常用插件-imooc

使用ajax()方法加载服务数据 使用ajax()方法是最底层、功能最强大的请求服务数据的方法,它不仅可以获取服务返回的数据,还能向服务发送请求并传递数值,它的调用格式如下: jQuery.ajax...使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup...ajaxStart()方法用于在Ajax请求发出前触发函数,ajaxStop()方法用于在Ajax请求完成后触发函数。...请求时,元素显示,请求完成时,动画元素自动隐藏。...在jQuery中,通过.browser对象可以获取浏览的名称和版本信息,.browser.chrome为true,表示当前为Chrome浏览,.browser.mozilla为true,表示当前为火狐浏览

16.5K20

jQuery的deferred对象详解

今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。 这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。...其中,既有异步的操作(比如ajax读取服务数据),也有同步的操作(比如遍历一个大型数组),它们都不是立即能得到结果的。 通常的做法是,为它们指定回调函数(callback)。...$.ajax()操作完成后,如果使用的是低于1.5.0版本的jQuery,返回的是XHR对象,你没法进行链式操作;如果高于1.5.0版本,返回的是deferred对象,可以进行链式操作。...jQuery规定,deferred对象有三种执行状态----未完成,已完成和已失败。...前面部分的ajax操作时,deferred对象会根据返回结果,自动改变自身的执行状态;但是,在wait()函数中,这个执行状态必须由程序员手动指定。

1.3K60

jQuery 4.0震撼发布:这是复兴还是告别?

向IE<11说再见 随着技术的进步,jQuery 4.0决定停止支持IE10及更早版本的浏览。我们计划在未来的版本中(jQuery 5.0)进一步缩小浏览支持范围。...我们也停止了对其他过时浏览的支持,Edge Legacy、iOS和Firefox的旧版本,以及原生Android浏览。如果您需要支持这些浏览,可以使用jQuery 3.x。...jQuery.ajax添加FormData支持:jQuery.ajax现在可以自动处理二进制数据,包括FormData,无需额外配置。...然而,出于几个原因,jQuery在web开发中仍然有一席之地: 遗留浏览支持:许多网站和web应用仍需要支持IE11这样的老旧浏览,这些浏览缺乏对现代JavaScript特性的支持。...与其他框架的集成:许多现代JavaScript框架和库,React和Vue.js,可以与jQuery共存,允许开发者在利用其他框架的优势进行应用开发的同时,使用jQuery完成特定任务。

69110

前端必知的ajax

jQuery 代码: $.getScript("AjaxEvent.js", function(){ alert("AjaxEvent.js 加载完成并执行完成.你再点击上面的Get或Post按钮看看有什么不同...jQuery自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery自动调用回调函数。...注意,同步请求将锁住浏览,用户其它操作必须等待请求完成才可以执行。 beforeSend Function 发送请求前可修改 XMLHttpRequest 对象的函数,添加自定义 HTTP 头。...data Object,String 发送到服务的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。...如果为数组,jQuery自动为不同值对应同一个名称。 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

3K40

Ajax工作原理及实例「建议收藏」

6、一些手持设备(手机、PDA等)现在还不能很好的支持ajax,比如说我们在手机的浏览上打开采用ajax技术的网站时,它目前是不支持的,当然,这个问题和我们没太多关系。   ...注意,同步请求将锁住浏览,用户其他操作必须等待请求完成才可以执行。...如果是数组,JQuery自动为不同值对应同一个名称。例如{foo:[“bar1″,”bar2”]}转换为&foo=bar1&foo=bar2。...如果不指定,JQuery自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。可用的类型如下: xml:返回XML文档,可用JQuery处理。...,JQuery自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。

63610

JQuery基础

代码 });  这是为了防止文档在加载完成前执行jQuery代码,即在DOM加载完成后才可以对DOM进行操作。...ajax中也有load()方法),resize(调整浏览窗口大小时触发),scroll(滚动指定的元素),unload(jQuery1.8中废弃)事件。 另: hover():模拟光标悬停事件。...5.停止动画: stop()方法用于停止动画效果,适用于所有jQuery效果函数,包括滑动,淡入淡出,自定义动画。...默认false:仅停止当前活动动画,允许插入的动画向后执行;   可选的goToEnd:是否立即完成当前动画。默认false。   因而,默认的stop()会清除当前元素上的动画。...第八部分:jQuery AJAX 了解AJAXAjax之路。 其实jQuery Ajax就是将ajax实现代码封装,同时兼顾了不同浏览Ajax实现。

4.6K51

一些好用的jquery技巧

4、自动修复破坏的图像 逐个替换已经破坏的图像链接是非常痛苦的。不过,下面这段简单的代码可以帮助你: $('img').on('error', function () { if(!...然后你只需要运行输入的prop 方法就可以了,不过disabled 的值要设置为false: $('input[type="submit"]').prop('disabled', false); 7、停止加载链接...12、通过文本查找元素 通过使用jQuery中的contains() 选择,你可以找到元素内容的文本。...; } }); 14、AJAX调用错误处理 当Ajax调用返回404或500错误时,就执行错误处理程序。如果没有定义处理程序,其他的jQuery代码或会就此罢工。...15、链式插件调用 jQuery允许“链式”插件的方法调用,以减轻反复查询DOM并创建多个jQuery对象的过程。

3.9K60

jQuery Ajax 全解析

jQuery 代码: $.getScript("AjaxEvent.js", function(){ alert("AjaxEvent.js 加载完成并执行完成.你再点击上面的Get或Post按钮看看有什么不同...jQuery自动替换 ? 为正确的函数名,以执行回调函数。数据类型设置为 "jsonp" 时,jQuery自动调用回调函数。...注意,同步请求将锁住浏览,用户其它操作必须等待请求完成才可以执行。beforeSendFunction发送请求前可修改 XMLHttpRequest 对象的函数,添加自定义 HTTP 头。...dataObject, String发送到服务的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。...如果为数组,jQuery自动为不同值对应同一个名称。 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。

9.5K10

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券