博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX简介
阅读量:6448 次
发布时间:2019-06-23

本文共 1278 字,大约阅读时间需要 4 分钟。

AJAX简介

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

 

 

1  2  3  4 
5 30 31 32 33

使用 AJAX 修改该文本内容

34 35 36 37

原来:

 

 myDiv的内容就被替换掉了

Ajax(Asynchronous Javascript+XML)是一种以异步方式从服务器获取数据的技术,用户单击了一个链接,不用重新载入整个页面,也能够获取新的数据。

 

创建XHR(XMLHttpRequest的简称)对象的时候,IE浏览器和非IE浏览器是不同的:

var xhr;

xhr = new ActiveXObject('Microsoft.XMLHTTP');   //IE浏览器

xhr = new XMLHttpRequest();     //非IE浏览器

 

open()函数

eg.

xhr.open("get","example.php",false);

第一个参数:"get"、"post"等

第二个参数:URL,相对于当前页面或绝对路径

第三个参数:true/false,是否异步发送请求

 

send()函数

必须有一个参数,作为请求主体发送的数据,不需要通过请求主体发送数据必须传入null

 

XHR对象的属性

responseText:作为相应主体被返回的文本

responseXML:如果响应内容是"text/xml"或"application/xml",这个属性中将保存包含着相应数据的XML文档,对于非XML数据,属性值为null

status:响应的HTTP状态

200-成功

304-请求的资源没有被修改,可以使用浏览器缓存的版本

statusText:HTTP的状态说明

readyState:请求/响应过程中的当前活动阶段

0-未初始化,尚未调用open()方法

1-启动。已调用open()方法,尚未调用send()方法

2-发送。已调用send()方法,还没收到响应

3-接收。已接收到部分响应数据

4-完成。已经全部接收

只要readyState属性值发生改变,都会触发一次readyStatechange事件,触发函数例子:

xhr.onreadystatechange = function(){do something...};

 

abort()函数

接收到响应之前用于取消异步请求

 

下面的例子是跟着php100视频教程写的,这是个很好的学PHP的教程,视频可以到php100网站下载。

这里用了3个文件:index.html , ajax.js , for.php

点击index.html的链接,会触发ajax.js中的Fetch函数,然后ajax.js中的Fetch函数取到for.php中的数据之后,显示在index.html页面上。

转载地址:http://qylwo.baihongyu.com/

你可能感兴趣的文章
《CCNP安全Secure 642-637认证考试指南》——8.5节完成助记表
查看>>
《Android应用开发》——1.1节下载开发软件
查看>>
《贝叶斯思维:统计建模的Python学习法》——1.7 Monty Hall难题
查看>>
升级TCP协议使网速提升30%,中国受益明显
查看>>
Go 语言对 Android 原生应用开发的支持情况
查看>>
《沟通的技术——让交流、会议与演讲更有效》一1.1 一切尽在计划之中
查看>>
Firefox 44 浏览器内建更好的 SSL 错误指示器
查看>>
《数据科学:R语言实现》——2.9 使用twitteR
查看>>
《思科UCS服务器统一计算》一第2章 服务器架构2.1 处理器的演变
查看>>
微软概述 Islandwood 计划
查看>>
《CUDA C编程权威指南》——3.2节理解线程束执行的本质
查看>>
《深入理解Android》一导读
查看>>
linux查看登录用户及踢掉用户
查看>>
如何防止网站因改版导致权重下降?
查看>>
《伟大的计算原理》一大数据
查看>>
《UG NX8.0中文版完全自学手册》一导读
查看>>
Windows和Linux端rsync推拉同步时中文乱码解决方法
查看>>
《Spark核心技术与高级应用》——1.3节本章小结
查看>>
解决军哥lnmp一键包报错pycurl.so
查看>>
Google 搜索结果正式 AMP 化
查看>>