怎么用jqueryajax修改文本

本文小编为大家详细介绍“怎么用jquery ajax修改文本 ”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么用jquery ajax修改文本 ”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

按需开发可以根据自己的需求进行定制,做网站、成都做网站构思过程中功能建设理应排到主要部位公司做网站、成都做网站的运用实际效果公司网站制作网站建立与制做的实际意义

一。ajax请求有两种方式:

回调方式:

最常写的方式,成功失败处理以回调方式传入。[JavaScript] 纯文本查看 复制代码$.ajax({

ajax参数…

success : xxxxxx

error: xxxxxx

});

Deferred方式:

ajax调用本身返回就是一个Deferred对象,成功失败回调不以参数传入。[JavaScript] 纯文本查看 复制代码$.ajax({

ajax参数…

})。then(function(res){

//成功处理片段

},function(err){

//失败处理片段

});

既然有这两种方式,那应对处理401的方式也是有两种。

回调方式:

这种方式的处理比较简单,在失败回调里面判断401,如果是则进行身份认证,成功重发请求。[JavaScript] 纯文本查看 复制代码function getXXXX(type, url, data, success, error){

$.ajax({

ajax参数…

success : xxxxxx

error : function(xhr,textStatus,errorThrown){

if (xhr.status==401) {

刷新身份认证方法(function(){

getXXXX(type, url, data, success, error);

});

} else{

// 调用外部的error

error && error(xhr,textStatus,errorThrown);

}

}

});

}

Deferred方式:

这种方式目前我找到的处理方式需要修改jquery源码。[JavaScript] 纯文本查看 复制代码//全局设置一个方法

$.ajaxSetup({

authError : function(callback){

刷新身份认证方法( function(){

callback && callback();

});

}

});

//jquery2.1.4版本源码,大概是8261行

// Success/Error

if ( isSuccess ) {

deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );

} else {

if(( jqXHR.status==401 || jqXHR .status==403) && callbackContext.authError){

callbackContext.authError(function (){

state=0;

jqXHR.setRequestHeader( "Authorization", XXXXXX);

jqXHR.readyState=1;

try {

state=1;

transport.send( requestHeaders, done );

} catch ( e ) {

// Propagate exception as error if not done

if ( state < 2 ) {

done( -1, e );

// Simply rethrow otherwise

} else {

throw e;

}

}

});

return;

} else {

deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );

}

}

这里说下为什么不能像第一种方式那样进行请求:

(1)。 then这种链式写法,导致这请求的回调不是在参数里,而是在jQuery.Callbacks一个optionsCache全局变量里,我们无法在ajax error里拿到回调函数进行重发。

(2)。 写在then里的回调触发一次就会被销毁,当触发了error时,回调执行后就销毁。最后的处理方式就是在要触发error之前,拦截401的错误,重新进行身份认证,然后重置状态,重发请求。

读到这里,这篇“怎么用jquery ajax修改文本 ”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。


新闻名称:怎么用jqueryajax修改文本
本文链接:http://pwwzsj.com/article/jdicej.html