Ajax学习
来源:互联网 发布:中国电信 数据漫游 编辑:程序博客网 时间:2024/06/17 20:22
AJAX="Asynchronous JavaScript And XML"(异步的JavaScript和XML)
顾名思义,AJAX是一种无须重新加载整个页面的情况下,能够更新部分网页的技术。
一、XMLHttpRequest
所有现代浏览器均支持 XMLHttpRequest 对象(IE6及以下 使用 ActiveXObject),
XMLHttpRequest 对象的三个重要的属性:
onreadystatechange(存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。)、readyState(存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。)、status(200、404)
使用过程如下:
1、为需要异步更新的部分增加函数,并定义函数内容
<Script> function ShowHint(str){...}</Script><input type="text" id="txt1" onkeyup="showHint(this.value)" />
2、创建XMLHttpRequest
var xmlhttp;if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest();}else{ xmlhttp=ActiveXObject("Microsoft.XMLHTTP");//IE6及以下用ActiveXObject代替}
3、创建onreadystatechange 事件函数(onreadystatechange )
xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText;//如需获得来自服务器的响应,将使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性 } }
4、向服务器发送请求
xmlhttp.open("GET","test.txt",true);xmlhttp.send();
- 学习Ajax
- AJax学习
- 学习Ajax
- Ajax学习
- AJAX学习
- ajax 学习
- AJAX学习
- 学习Ajax
- AJAX学习
- AJAX学习
- AJax学习
- AJAX学习
- AJAX学习
- Ajax学习
- 学习Ajax
- Ajax学习
- Ajax学习
- ajax学习
- Mac下构建cocos-2dx for android
- tomcat开机启动
- 排序算法之选择排序
- PowerDesigner逆向工程Orcale11g方法
- qt 中显示模式/非模式窗口
- Ajax学习
- c语言 文件的包含应用
- Android xml资源文件中@、@android:type、@*、?、@+含义和区别
- 备考C++有感
- wp-音频播放
- in 和 exist 区别
- notes for csapp
- oracle exp/imp命令详解(导入,导出表,存储过程,视图等)
- java 连接Mysql无法使用中文查询的问题