AJAX笔记-基本使用
来源:互联网 发布:windows商城 编辑:程序博客网 时间:2024/05/17 05:12
Ajax
Asynchronous JavaScript and XML功能。页面不刷新同服务器通信的功能统称为Ajax。XMLHttpRequest:该对象是对JavaScript的一个扩展,可以使网页与服务器进行通信。是创建Ajax的最佳选择,实际上通常把Ajax当成是XMLHttpRequest对象的代名词。缺点:
由于AJAX是采取的局部刷新,导致后退等功能失效。方法:
xmlHttp = new XMLHttpRequest(); 创建对象
xmlHttp.getAllResponseHeaders() 把HTTP请求的素有响应头部作为键值对返回
xmlHttp.getResponseHeader("header") 返回指定头部的串值
xmlHttp.open("method", "url", true) 建立对服务器的调用,Method可以是GET,POST或者PUT.url参数,第三个方法规定应当对请求进行异步地处理。
xmlHttp.send(content) 向服务器发送请求
xmlHttp.setRequestHeader("header", "value")把指定头部设置为所提供的值,在设置任何头部前必须先调用open()
属性:
onreadystatechange 时间处理器,通常会被赋值为一个js函数,每个状态改变都会触发这个事件处理器。readyState 用来判断当前交互的状态
//0 请求未初始化(在调用 open() 之前)
//1 请求已提出(调用 send() 之前)
//2 请求已发送(这里通常可以从响应得到内容头部)
//3 请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
//4 请求已完成(可以访问服务器响应并使用它)
responseText 服务器的响应,表示为一个串
responseXML 服务器的响应,表示为XML,该对象可以解析为DOM对象
status 服务器的HTTP状态吗(200表示OK,404表示未找到网页...)
statusText Http状态码对应的文本( OK, NotFound ...)
实例(注意要在服务器启动后才可以执行)
<html><head><script>window.onload = function(){document.getElementById("href").onclick = function(){var xmlHttp = new XMLHttpRequest();xmlHttp.onreadystatechange = function(){ //onreadystatechange属性的赋值一定要在下面open,send的前面。if((xmlHttp.readyState == 4) && (xmlHttp.status == 200 || xmlHttp.status == 304)){console.log(xmlHttp.responseText)}}xmlHttp.open("get", "ajaxtest.html", true); //先配置各种属性,然后再sendxmlHttp.send(null);return false;};};</script></head><body><!-- 将正常的页面跳转取消,然后通过Ajax进行异步获取内容,并在控制台输出html内容。 --><a href="ajaxtest.html" id="href">ajaxtest</a></body></html><完>
0 0
- AJAX笔记-基本使用
- ajax 基本学习笔记。。。
- AJAX 基本使用
- Ajax的基本使用
- Ajax基本使用
- Ajax的基本使用
- 初学者-$.ajax基本使用
- JQuery AJAX基本使用
- Ajax基本使用
- 【Web】Ajax基本使用
- ajax的基本使用过程
- jquery ajax#使用笔记
- ajax使用笔记
- Ajax的使用笔记
- ASP.NET Ajax学习笔记二(Ajax基本框架)
- php里面使用ajax的基本过程
- jquery 中ajax的基本使用
- ajax的基本使用和原理
- iOS开发系列--Objective-C之类和对象
- LeetCode 007
- JAVA中的File类,I/O流基础
- 服务器之新手入门
- Swift3.0 / swift2.3中dispatch_group的使用
- AJAX笔记-基本使用
- shell 笔记
- LeetCode 008
- protobuf的安装和使用
- 深入浅出的理解框架(Struts2、Hibernate、Spring)与 MVC 设计模式
- Hive本地配置方案(内嵌Derby数据库)
- LeetCode 28. Implement strStr()
- iOS开发系列--Objective-C之协议、代码块、分类
- 让你的MacBook不需要插件就能支持NTFS读写