搜索
您的当前位置:首页正文

jqueryajax的success回调函数中实现按钮置灰倒计时_jquery

2023-12-04 来源:好心意情感网

主要是实现异步手机发送短信成功之后在ajax的success回调中实现将发送按钮置灰并倒计时,刚开始一直报js错误,问题可能出在于调用ajax之后this被更新,随意在这之前先把this对象赋给一个变量就没问题 按钮倒计时代码 代码如下: var wait = 60; get_code_time = function (o) { if (wait == 0) { o.removeAttribute("disabled"); o.value = "免费获取验证码"; wait = 60; } else { o.setAttribute("disabled", true); o.value = "(" + wait + ")秒后重新获取"; wait--; setTimeout(function() { get_code_time(o) }, 1000) } } 获取手机短信之后调用get_code_time函数代码 代码如下: //重新获取验证码 $('#codeagain').click(function() { var o = this; $.ajax({ url:"Tea_sendCode.action?jsoncallback=?", type:"post", data: {accountId:accountId}, dataType: "json", success: function (data) { if(data.status == 1 && data.code == 200){ alert("验证码已发送至您的手机"); get_code_time(o); } else { if(data.msg != ""){ alert(data.msg); } else { alert("短信验证码发送失败"); } } }, error: function (data) { if(data.status == 0) { alert(data.msg); } else { alert("短信验证码发送失败"); } } }); });

小编还为您整理了以下内容,可能对您也有帮助:

jQuery AJAX 和其回调函数

1.什么是 AJAX?

AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。

简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。

2.最基本的三个方法

jQuery .get(URL,callback);

jQuery .post(URL,data,callback);

jQuery (selector).load(URL,data,callback);

必需的URL参数规定您希望请求的 URL。

可选的data参数规定连同请求发送的数据。

可选的callback参数是请求成功后所执行的函数名。

3.其余主要方法描述

4.一个封装了的ajax函数,使用了回调函数

函数很简单,接收参数有三个 url是请求地址,data是请求参数,cellback是回调函数。
如何调用 ?
调用时前两个参数正常传就行,最后一个参数要传递一个函数,如下

console.log(data)打印的是ajax success的回调数据。
5.Success()方法是后台执行返回结果时运行的函数,函数可以对后台返回的结果进行处理,具体有如下四种数据

jQuery AJAX 和其回调函数

1.什么是 AJAX?

AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。

简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。

2.最基本的三个方法

jQuery .get(URL,callback);

jQuery .post(URL,data,callback);

jQuery (selector).load(URL,data,callback);

必需的URL参数规定您希望请求的 URL。

可选的data参数规定连同请求发送的数据。

可选的callback参数是请求成功后所执行的函数名。

3.其余主要方法描述

4.一个封装了的ajax函数,使用了回调函数

函数很简单,接收参数有三个 url是请求地址,data是请求参数,cellback是回调函数。
如何调用 ?
调用时前两个参数正常传就行,最后一个参数要传递一个函数,如下

console.log(data)打印的是ajax success的回调数据。
5.Success()方法是后台执行返回结果时运行的函数,函数可以对后台返回的结果进行处理,具体有如下四种数据

jquery中的ajax中回调函数的怎样用?

jquery ajax 回调函数只要配置正确就可以使用

$.ajax({ url: "test.html", context: document.body, success: function(){

alert("回调函数")

}})

使用代码如上

回调函数实现的机制是:

⑴定义一个回调函数;

⑵提供函数实现的一方在初始化的时候,将回调函数的函数指针注册给调用者;

⑶当特定的事件或条件发生的时候,调用者使用函数指针调用回调函数对事件进行处理。

知道拓展:

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。

回调函数是应用程序提供给Windows系统DLL或其它DLL调用的函数,一般用于截获消息、获取系统信息或处理异步事件。在计算机程序设计中,回调函数,或简称回调,是指通过函数参数传递到其它代码的,某一块可执行代码的引用。这一设计允许了底层代码调用在高层定义的子程序。

如何使用jq中的ajax

jqueryajax请求的五个步骤

1。使用ajax发送数据的步骤

步骤1:创建一个异步对象

varxhr=newXMLHttpRequest();

步骤2:设置请求行打开(请求方法,请求url):

//如果GET请求有参数,需要把参数拼接在url之后,

//post如果有参数,传递xhr.open(获取帖子

第三步:设置请求头(GET模式忽略这一步):setRequestHeader()

//1.get不需要设置。

//2.post需要设置请求头:content-type:application/x-www-form-urlencoded

xhr.setrequestheader(内容类型);

步骤4:设置请求体send()

//1.get的参数是在url中拼接的,不需要在这个函数中设置。

//2.在此功能中设置post的参数(如果有参数的话)

xhr.send(null)xhr.send(用户名=

第五步:让异步对象接收服务器的响应数据。

成功响应有两个条件:

xhr.onreadystatechange=function(){

if(xhr.status==200

}

Ajax-get请求案例:

varxhr=newXMLHttpRequest();

xhr.open(获取

xhr.send(空);

xhr.onreadystatechange=function(){

if(xhr.status==200

document.queryselector(.showmsg

}

}

Ajax-post请求案例:

varxhr=newXMLHttpRequest();

xhr.open(帖子

xhr.setrequestheader(内容类型);

xhr.send(用户名=

xhr.onreadystatechange=function(){

//判断服务器是否响应,判断异步对象的响应状态。

if(xhr.status==200.showmsg System.out.println(array.toString()); this.result=array.toString(); 这三句代码不需要。 在action中,只要有get和set方法,值都能传到前台。

ajax怎么在json嵌套数组中获取到某一字段的长度?

假如循环的是这个数组Array长度为Array.length感觉用jq的each循环好用些。$.each("Array",function(i,value){console.log(i,value)})

jquery中的ajax中回调函数的怎样用?

jqueryajax回调函数只要配置正确就可以使用$.ajax({url:test.html,context:document.body,success:function(){alert(回调函数)}})使用代码如上回调函数实现的机制是:

⑴定义一个回调函数;

⑵提供函数实现的一方在初始化的时候,将回调函数的函数指针注册给调用者;

⑶当特定的事件或条件发生的时候,调用者使用函数指针调用回调函数对事件进行处理。知道拓展:jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由JohnResig在2006年1月的BarCampNYC上发布第一个版本。目前是由DaveMethvin领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。回调函数是应用程序提供给Windows系统DLL或其它DLL调用的函数,一般用于截获消息、获取系统信息或处理异步事件。在计算机程序设计中,回调函数,或简称回调,是指通过函数参数传递到其它代码的,某一块可执行代码的引用。

这一设计允许了底层代码调用在高层定义的子程序。

ajax数据传输方式实例详解?

在异步应用程序中发送和接收信息时,常见的可以选择以纯文本和XML作为数据格式(可参考《jQuery学习笔记之Ajax用法实例详解》),现在还有一种比较流行的方式:JSON(JavaScriptObjectNotation)。好了,下面举例说明这三种数据格式在ajax的异步应用。

一、纯文本方式

1、发送/接收数据:

Codeischeap.看代码:

testJs.js

//此函数等价于document.getElementById/document.all

function$(s){if(document.getElementById){returneval('document.getElementById("'+s+'")');}else{returneval('document.all.'+s);}}

//创建XMLHttpRequest对象,以发送ajax请求

functioncreateXMLHTTP(){

varxmlHttp=false;

vararrSignatures=;

for(vari=0;iarrSignatures.length;i++){

try{

xmlHttp=newActiveXObject(arrSignatures);

returnxmlHttp;

}

catch(oError){

xmlHttp=false;//ignore

}

}

//thrownewError("MSXMLisnotinstalledonyoursystem.");

if(!xmlHttptypeofXMLHttpRequest!='undefined'){

xmlHttp=newXMLHttpRequest();

}

returnxmlHttp;

}

varxmlReq=createXMLHTTP();

//发送ajax处理请求(这里简单验证用户名和密码的有效性,默认正确的输入:用户名和密码都是test)

functionvalidatePwd(oTxt){

varurl="/AjaxOperations.aspx";

xmlReq.open("post",url,true);

xmlReq.setRequestHeader("Content-Length",oTxt.value.length+$("txtUserName").value.length);

xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

xmlReq.onreadystatechange=callBack;

xmlReq.send("action=chkPwserInfos="+escape(oTxt.value+"/"+$("txtUserName").value));//发送文本

}

functioncallBack(){

if(xmlReq.readyState==4){

if(xmlReq.status==200){

alert(xmlReq.responseText);//接收文本

}

elseif(xmlReq.status==404){

alert("RequestedURLisnotfound.");

}elseif(xmlReq.status==403){

alert("Accessdenied.");

}else

alert("statusis"+xmlReq.status);

}

}

如何用jquerymobile开发webapp?

jQueryMobile是一个基于jquery的html5移动网站框架,用它做出来的网站界面和App风格类似。jQueryMobile文档,内容不多,耐心看完只需要1个小时,大体分成8大功能点page:最基准单元,包括header,footer,导航栏dialog:对话框,在手机屏幕弹出dialog来交互,我觉得不是很友好transitions:转场效果form:表单button:大button,小button(放在各种栏上的都是小button),还提供了若干内置标准iconlistview:列表,这是jquerymobile的核心UI,提供了10几种类型的List,简单好用event:各种滚动,滑动,拖拽事件Theming:官方提供了5种皮肤,也有工具可以自定义,切换皮肤只需要改动一个classjQueryMobile全面支持ajax,但也可以当做普通html模板在后端渲染数据,我选择后面一种

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

热门图文

  • 戏赠张叔甫黄庭坚的其他诗词有哪些

    《戏赠张叔甫》黄庭坚其他诗词:《秋怀二首》、《登快阁》、《诉衷情》、《虞美人宜州见梅作》、《寄黄几复》。《戏赠张叔甫》黄庭坚其他诗词:《秋怀二首》、《登快阁》、《诉衷情》、《虞美人宜州见梅作》、《寄黄几复》。作者:黄庭坚。年代:宋代。我们为您从以下几个方面提供戏赠张叔甫的详细介绍。一、《戏赠张叔甫》的全文 点此查看《戏赠张叔甫》的详细内容。团扇复团扇,因风托方便。衔泥巢君屋,双燕令人羡。张公子,时相见。张公一生江海客,文章献纳麒麟殿。文采风流今尚存,看君不合长贫贱。醉中往往爱逃禅,解道澄江静如练。淮南百宗经行处,携手落日回高宴。城上乌,尾毕逋。尘沙立暝途,惟有摩尼珠。云梦泽南州,更有赤须胡。与君歌一曲,长铗归来乎。出无车,食无鱼。不须闻此意惨怆,幸是元无免破除。脱吾帽,向君笑。

  • 戏赠张叔甫黄庭坚的其他诗词

    《戏赠张叔甫》黄庭坚其他诗词:《秋怀二首》、《登快阁》、《诉衷情》、《虞美人宜州见梅作》、《寄黄几复》。《戏赠张叔甫》黄庭坚其他诗词:《秋怀二首》、《登快阁》、《诉衷情》、《虞美人宜州见梅作》、《寄黄几复》。作者:黄庭坚。年代:宋代。我们为您从以下几个方面提供戏赠张叔甫的详细介绍。一、《戏赠张叔甫》的全文 点此查看《戏赠张叔甫》的详细内容。团扇复团扇,因风托方便。衔泥巢君屋,双燕令人羡。张公子,时相见。张公一生江海客,文章献纳麒麟殿。文采风流今尚存,看君不合长贫贱。醉中往往爱逃禅,解道澄江静如练。淮南百宗经行处,携手落日回高宴。城上乌,尾毕逋。尘沙立暝途,惟有摩尼珠。云梦泽南州,更有赤须胡。与君歌一曲,长铗归来乎。出无车,食无鱼。不须闻此意惨怆,幸是元无免破除。脱吾帽,向君笑。

  • 戏赠张叔甫黄庭坚其他诗词

    《戏赠张叔甫》黄庭坚其他诗词:《秋怀二首》、《登快阁》、《诉衷情》、《虞美人宜州见梅作》、《寄黄几复》。《戏赠张叔甫》黄庭坚其他诗词:《秋怀二首》、《登快阁》、《诉衷情》、《虞美人宜州见梅作》、《寄黄几复》。作者:黄庭坚。年代:宋代。我们为您从以下几个方面提供戏赠张叔甫的详细介绍。一、《戏赠张叔甫》的全文 点此查看《戏赠张叔甫》的详细内容。团扇复团扇,因风托方便。衔泥巢君屋,双燕令人羡。张公子,时相见。张公一生江海客,文章献纳麒麟殿。文采风流今尚存,看君不合长贫贱。醉中往往爱逃禅,解道澄江静如练。淮南百宗经行处,携手落日回高宴。城上乌,尾毕逋。尘沙立暝途,惟有摩尼珠。云梦泽南州,更有赤须胡。与君歌一曲,长铗归来乎。出无车,食无鱼。不须闻此意惨怆,幸是元无免破除。脱吾帽,向君笑。

  • 紴字的组词 紴字的组词有哪些

    紴字的组词 紴字的组词有哪些。麻紴、;紴的笔顺是撇折、撇折、点、点、点、点、横撇。紴字的笔顺图解;共十一画;紴;1;撇折;2;撇折;3;点;4;点;5;点;6;点;7;横撇;8;撇;9;竖;10;横撇;11;捺;紴的拼音为bō,部首为糹,结构为左右,注音为ㄅㄛ,ㄅㄧˋ。紴字的具体字的具体解释是什么呢,我们通过以下几个方面为您介绍。一、基本解释 点此查看紴的详细内容。[ bō ]1.绦属。2.锦类。3.水波锦文。[ bì ]1.装束貌。二、康熙字典;紴【未集中】【糸部】 康熙筆画:11画,部外筆画:5画《廣韻》博禾切《集韻》逋禾切。音波。《說文》絛屬。又《集韻》匹靡切,音帔。《玉篇》水紴錦文也。又《集韻》平義切,音被。《類篇》裝束貌。三、说文解字;

  • 戏赠张叔甫相同朝代诗歌 戏赠张叔甫相同朝代诗歌有哪些

    《戏赠张叔甫》黄庭坚相同朝代诗词。《曹将军》、《下瞿塘》、《滕王阁》、《儿馁嗔郎罢妻寒怨藁砧唐眉山诗也戏为笺之》、《题艾溪》、《废贡院为米廪过之值盘厫》、《送客至灵谷》、《叹屩词》、《题陈朝玉爱竹轩》、《酬春湖史履庸惠四皓图》。《戏赠张叔甫》相同朝代的诗词:《曹将军》、《下瞿塘》、《滕王阁》、《儿馁嗔郎罢妻寒怨藁砧唐眉山诗也戏为笺之》、《题艾溪》、《废贡院为米廪过之值盘厫》、《送客至灵谷》、《叹屩词》、《题陈朝玉爱竹轩》、《酬春湖史履庸惠四皓图》作者:黄庭坚。年代:宋代。我们为您从以下几个方面提供戏赠张叔甫的详细介绍。一、《戏赠张叔甫》的全文 点此查看《戏赠张叔甫》的详细内容。团扇复团扇,因风托方便。衔泥巢君屋,双燕令人羡。张公子,时相见。张公一生江海客,文章献纳麒麟殿。

Top