一。ajax是异步的JavaScript和XML。是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,可以是网页实现异步更新,这样就可以在不重新加载网页的情况下,进行局部的加载。
二。对象的创建。XMLHttpRequest是ajax的基础。
1.创建语法:new XMLHttpRequest();
2.老版本的创建:new ActiveXObject("Microsoft.XMLHTTP").
三。服务器请求。
open(method,url,async).
method:代表请求类型:GET或POST
url:文件在服务器的位置。
async:true(异步请求)或false(同步请求)。
send(string).
把请求发送到服务器。
string:仅用于POST请求。代表要传送的参数
四。服务器的响应。
responseText():获得字符串形式的响应数据。对于非XML请求,请用responseText属性。
responseXML():获得XML形式的相应数据。
五。onreadystatechange事件。
用于执行基于响应的任务。
onreadystatechange:存储函数,每当readyState属性改变时,就会调用该函数.
readyState:代表XMLHttpRequest的状态。从0到4发生变化。
0:请求未初始化
1:服务器连接已建立
2:请求已接收
3:请求处理中
4:请求已完成,且响应就绪。
status:200:‘OK’ 404:未找到页面。
例子:
<html><!DOCTYPE html> <html> <head> <script> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","文件的地址",true); xmlhttp.send(); } </script> </head> <body> <div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div> <button type="button" onclick="loadXMLDoc()">修改内容</button> </body> </html>
你需要加入文件的地址,就可以 得到相应的内容。
实例地址:http://www.runoob.com/try/try.php?filename=tryajax_first
相关推荐
《Ajax基础教程.chm》 Ajax技术可以提供高度交互的Web应用,给予用户更丰富的页面浏览体验。本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的...
ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础教程源代码ajax 基础...
精通Ajax 基础 教程附带源代码及其案例
AJAX基础.pdf AJAX基础.pdf AJAX基础.pdf
ajax的基础知识 我看过还不错
Ajax 基础教程中文版.pdf
ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax 基础教程ajax ...
原书名:Foundations of Ajax 原出版社: Apress 作者: (美)Ryan Asleson,Nathaniel T.Schutta 译者: 金灵 等 丛书名: 图灵程序设计丛书 出版社:人民邮电出版社 ISBN:7115144818 上架时间:2006-2-14 ...
本书重点介绍Ajax及相关的工具和技术,主要内容包括XMLHttpRequest对象及其属性和方法、发送请求和处理响应、构建完备的Ajax开发工具、使用JsUnit测试JavaScript、分析JavaScript调试工具和技术,以及Ajax开发模式和...
书名:Ajax基础教程 作者:(美)阿斯利森 舒塔
ajax基础教程(pdf)完整版本,希望对大家有所帮助
ajax基础教程ajax基础教程ajax基础教程ajax基础教程ajax基础教程aax基础教程ajax基础教程ajax基础教程ajax础教程ajax基础教程aja基础教程ajax基础教程ajax基础教程ajax基础教程ajax基础教程aax基础教程ajax基础教程
堪称经典由于比较大,压缩成5个压缩卷,大家可以搜索下载,然后解压第一个卷,其它的就会自动解压 文件名分别是 Ajax基础教程中文版及源代码 part1 Ajax基础教程中文版及源代码 part2 Ajax基础教程中文...
PDF格式电子书 适合有一点点JS基础,刚开始接触AJAX的人
Ajax作为一门心得技术 ,这两年被广泛应用于网络应用中,并发挥着越来越重要的作用,本文就Ajax得基础知识做一个简单介绍
60M的Ajax基础教程,非常适合初学者。
第八章 AJAX基础 第八章 AJAX基础 第八章 AJAX基础 第八章 AJAX基础
ASP.NET AJAX基础示例.................................................................................................ASP.NET AJAX基础示例
堪称经典由于比较大,压缩成5个压缩卷,大家可以搜索下载,然后解压第一个卷,其它的就会自动解压 文件名分别是 Ajax基础教程中文版及源代码 part1 Ajax基础教程中文版及源代码 part2 Ajax基础教程中文...
堪称经典由于比较大,压缩成5个压缩卷,大家可以搜索下载,然后解压第一个卷,其它的就会自动解压 文件名分别是 Ajax基础教程中文版及源代码 part1 Ajax基础教程中文版及源代码 part2 Ajax基础教程中文...