ajax1—php(27)
一 简介
web程序工作原理图:
传统的web程序工作原理图:
Ajax工作原理图:
1、 关于Ajax
l Asynchronous 异步
l JavaScript
l And
l XML
Ajax就是利用javascript与xml和服务器交互数据的一种技术
Xml:
Json:
2、
发展历程
l 1998年 诞生
l 2005年 流行
3、
运行平台
l Google Chrome
l Mozilla
l Firefox
l Internet Explorer
l Opera
l Konqueror
l Safari
二、
核心对象
XMLHttpRequest
一、创建对象
在不同的浏览器下,创建ajax对象的方式略有不同。
IE下:
new ActiveXObject("Microsoft.XMLHTTP")
w3c模型浏览器:
new XMLHttpRequest()
5、封装ajax
调用代码:
三、Ajax对象相关属性和方法:
1、 相关方法:
l open(method,url)
初始化ajax对象
method:请求方式 post、get
url:请求资源地址
l setRequestHeader(header,value)
设置请求头信息
Header:头信息
Value:值
l send(content)
发送请求
Content:所传递的参数 只有在post请求时才需要将参数放在这里
2、 相关属性:
l readyState
Ajax对象的状态码 ,这个状态码会随时改变
0:表示对象已建立,但未初始化
1:表示对象已初始化,但未发送
2:已调用send方法进行请求
3:正在接收数据(接收到一部分)
4:接收完成
l onreadystatechange
当ajax对象的状态码发生改变时,所触发的回调函数
l status
http响应状态码
l statusText
http响应的文本
l responseText
http响应内容的文本
l responseXML
http响应内容的xml数据
Ajax对象数据的传递主要有三种方式:
Text:responseText
Xml:reponseXML
Json:responseText
最新文章
- Mongodb 的基本使用
- CSS实现垂直居中的4种思路
- 点击div折叠
- Task<;TResult>;的使用
- activiti自定义流程之Spring整合activiti-modeler5.16实例(四):部署流程定义
- SpringMVC——实现拦截器
- Spark RDD概念学习系列之Spark的数据存储(十二)
- hdu 2838 树状数组
- MySQL设置
- 写代码要注意细节,无谓的找前台bug
- Sqoop是一款开源的工具,主要用于在HADOOP(Hive)与传统的数据库(mysql、oracle...)间进行数据的传递
- cordova热更新
- JavaScript 操作符 变量
- ng表单验证
- python常用函数总结
- JAVA高级篇(二、JVM内存模型、内存管理之第二篇)
- webpack4升级extract-text-webpack-plugin和UglifyJsPlugin问题
- SQL查询优化:详解SQL Server非聚集索引(转载)
- 【论文笔记】Learning Convolutional Neural Networks for Graphs
- FZU Monthly-201901 tutorial
热门文章
- linux中用date命令获取昨天、明天或多天前后的日期
- 「小程序JAVA实战」小程序的个人信息作品,收藏,关注(66)
- react-native 生命周期
- 1-为什么java的main方法必须是静态的
- 磁盘512n,512e,4k原生磁盘的区别和操作系统支持
- Zookeeper 源码(四)Zookeeper 服务端源码
- Android应用开发环境的搭建和使用
- UVa 11136 Hoax or what (STL)
- Linux上编译hadoop-2.7.1的libhdfs.so和libhdfs.a
- http://blog.csdn.net/hongchangfirst/article/details/26004335