首页 > 编程知识 正文

jquery中ajax完整例子,js回调函数原理

时间:2023-05-06 16:54:11 阅读:119539 作者:3475

onreadystatechange事件:

请求发送到服务器时,必须执行基于响应的任务

每次更改readyState时都会触发onreadystatechange事件

readyState属性存储XMLHttpRequest的状态信息

XMLHttpRequest对象的三个重要属性:

属性

说明

onreadystatechange

每次readystate更改时,都会调用存储函数(函数名称)

就绪状态

XMLHttpRequest的状态从0变化到4

0 :请求未初始化

1 :服务器连接已建立

2 :收到请求

3 :请求处理中

4 )请求完成,响应就绪

status

200: '确定'

未找到404:请求

onreadystatechange事件定义了服务在准备处理时执行的任务

如果就绪状态为4且状态为200,则响应已就绪

xmlhttp.onreadystatechange=function (

{

if (xmlhttp.ready state==4xmlhttp.status==200 ) )。

{

document.getelementbyid('mydiv ' ).innerHTML=xmlhttp.responseText;

}

}

onreadyStatechange事件触发5次,对应于每个就绪状态的变化

使用回调函数:

回调函数是作为参数传递给另一个函数的函数

如果页面上有多个AJAX任务,则必须创建用于创建XMLHttpRequest对象的标准函数,并为每个AJAX任务调用函数

此函数必须包括URL和发生onreadystatechange事件时的任务

var xmlhttp;

functionloadxmldoc(URL,cfunc ) )。

{

if(window.xmlhttprequest ) )。

{//IE7,Firefox,Chrome,Opera,Safari代码

xmlhttp=new XMLHttpRequest (;

}

else

{//IE6,IE5代码

xmlhttp=new activexobject (Microsoft.xmlhttp );

}

xmlhttp.onreadystatechange=cfunc;

xmlhttp.open('get ',url,true );

xmlhttp.send (;

}

函数my function (

{

loadxmldoc ()/try/Ajax/Ajax_info.txt ),function ) ) )。

{

if (xmlhttp.ready state==4xmlhttp.status==200 ) )。

{

document.getelementbyid('mydiv ' ).innerHTML=xmlhttp.responseText;

}

);

}

Ajax onreadystatechange事件注意事项period;

lbrack; 迁移到rsqb; ajax系列——进度事件详细信息

通常,使用readystatechange事件来检测HTTP请求的完成。 XHR2规范草案定义了进度事件的Progress Events规范,XMLHttpRequest对象在请求的不同阶段具有不同类型的.

深入了解ajax系列第一篇——XHR对象

目录(1)创建对象;2 )发送请求;3 )接收响应;4 )异步处理;5 )实例演示前的对话ajax是asynchronous javascript and XML的缩写,是中国.

lbrack; AJAX系列rsqb; XMLHttpRequest请求

JQuery autocomplete获得焦点并弹出下拉框

要求:autocomplete控件在单击以获得焦点时也显示下拉列表。 (默认情况下,autocomplete在输入后遵循下拉列表。 )在下面直接粘贴代码. js代码:$(#customern .

CSS的checkboxampsemi; radioampsemi; textareaampsemi; 选择

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。