什么是ajax回调函数

如果要处理ajax请求后得到的数据，则需要使用回调函数

success：请求后成功调用，传入返回的数据

error：请求后失败调用，返回错误类型和异常原因

beforeSend：请求前调用，传入XMLHttpRequest 作为参数

dataFilter：请求成功后调用，传入返回的数据和dataType参数值

complete：请求后调用，无论成功还是失败，返回XMLHttpRequest 对象，以及一个包含成功或错误代码的字符串

代码示例

JS原生写法

创建xmlhttp对象，然后执行open和send，通过xmlHttp.onreadystatechange = stateChanged回调函数来处理返回值。

readyState== 0 //尚未加载
readyState== 1 //正在加载
readyState== 2 //加载完毕
readyState== 3 //正在处理
readyState== 4 //处理完毕

//创建ajax
function testAjax () {xmlHttp = GetXmlHttpObject();if (xmlHttp == null) {alert("浏览器不支持");return;}var url = "http://www.xx.com";xmlHttp.onreadystatechange = stateChanged;xmlHttp.open("GET", url, true);xmlHttp.send();//document.getElementByIdx_x("txt").innerHTML=xmlHttp.responseText;}//创建不同的ajax对象
function GetXmlHttpObject () {var xmlHttp = null;try {//firefox opera safarixmlHttp = new XMLHttpRequest();} catch (e) {//ietry {xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");} catch (e) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}}return xmlHttp;
}//监控状态
function stateChanged () {if (xmlHttp.readyState == 4) {//document.getElementByIdx_x("txt").innerHTML=xmlHttp.responseText;alert(xmlHttp.responseText);}}

JQuery写法

// （1）Post写法
var txt = $("input").val();//换的某个输入框的value
//使用post方法，传输值为suggest=txt，绑定回调函数
$.post("test.html", { suggest: txt }, function (result) {$("#div").html(result);
});// （2）Get写法
var txt = $("input").val();//换的某个输入框的value
//使用get方法，传输值为suggest=txt，绑定回调函数
$.get("test.html", { suggest: txt }, function (result) {$("#div").html(result);
});// （3）ajax写法（通过http请求）
$.ajax({type: "get",url: "http://www.cnblogs.com/rss",beforeSend: function (XMLHttpRequest) {//代码段;},success: function (data, textStatus) {$(".ajax.ajaxResult").html("");$("item", data).each(function (i, domEle) {$(".ajax.ajaxResult").append("代码段")});},complete: function (XMLHttpRequest, textStatus) {//代码段;},error: function () {//请求出错处理}});

Ajax的回调函数（js与JQuery写法）相关推荐

回调函数举例ajax,通过回调函数的理解来进一步理解ajax及其注意的用法
一,再一次理解回调函数 (function($){ $.fn.shadow = function(opts){ //定义的默认的参数 var defaults = { copies: 5, opaci ...
ajax回调方法名使用什么事件,ajax的回调函数和匿名函数
1.什么是js回调函数一. 回调函数的作用 js代码会至上而下一条线执行下去,但是有时候我们需要等到一个操作结束之后再进行下一个操作,这时候就需要用到回调函数. 二. 回调函数的解释因为函数实际上 ...
promise和回调函数 js
promise和回调函数 js 一. 过去使用回调函数嵌套,会进入回调函数地狱,不利于开发人员维护,如下代码是回调嵌套: //这就是所谓的回调嵌套,testOne执行完之后在他的回调函数中执行test ...
ajax回调函数的返回值,使用ajax和回调函数向函数传递/返回值
我试图读p_info函数返回从函数getproductInfo包含ajax调用,但我得到未定义的值.我使用回调函数来实现这一点,但仍然无法正常工作.我错在哪里?使用ajax和回调函数向函数传递/返回值 ...
ajax 成功回调函数,jQuery的阿贾克斯成功回调函数定义jQuery的阿贾克斯成功回调函数定义(jQuery ajax...
我想使用jQuery的ajax从服务器获取数据. 我希望把成功的回调函数定义外面.ajax()块像下面这样. 所以,我需要声明变量dataFromServer像下面这样我就能从成功回调使用返回的数据? ...
js回调函数的用途与写法
用途一般情况下回调函数都用在页面与服务器的异步交互,以解决页面在提交请求后无法获得到服务器反馈的数据, 为什么会出现面在提交请求后无法获得到服务器反馈的数据呢?首先来了解js的事件执行方式,如图 j ...
JS中回调函数的三种写法！
//第一种---------------------------------------- function parent(str,callback) {console.log(str);callba ...
036_jQuery Ajax全局回调函数
1. ajaxStart()方法 1.1. ajaxStart()方法在AJAX请求发送前执行函数. 1.2. 语法 $(selector).ajaxStart(function(even)) 1.3 ...
struts通过Ajax返回数据时，例如对象类型，没有执行Ajax的回调函数
<result type="json" name="success"> <param name=" ...
ajax五种回调函数,Ajax的回调函数
一,为什么要使用回调函数? 首先我们应该明白我们为什么要用回调函数?我们用它能解决什么样的问题. function d(){} (function(){ (function(){ var temp = ...

Ajax的回调函数（js与JQuery写法）

什么是ajax回调函数

代码示例

JS原生写法

JQuery写法

Ajax的回调函数（js与JQuery写法）相关推荐

最新文章

热门文章