ajax学习笔记
来源:互联网 发布:python rfm模型 编辑:程序博客网 时间:2024/06/13 12:28
ajax学习:
1、ajax的作用:
ajax局部刷新技术,其实就是使用js实现局部数据的实时变更
解决了不同响应之间数据共享的问题
优势:
提高了网络传输效率,提升了用户体验
2、ajax的使用
创建ajax对象:
浏览器差异问题
复写onreadystatechange函数
接收响应结果:
响应数据的类型:
普通文本:就是字符串
json格式的数据:
就是使用了json数据格式拼接的字符串,这样在客户端我们就可以
使用eval()方法将响应的字符串数据转换成可执行的js代码
极力推荐使用json数据格式来做响应
XML数据:
使用JSP页面来书写XML数据,设置响应头为XML类型的数据。
在客户端使用responseXML来接收响应的xml数据(返回document对象)。
使用document对象来操作xml数据
doc.getElementsByTagName("标签名")[角标].firstChild.data
按照readyState的值为4来接收,4表示响应数据成功接收
status:200表示一切OK
404表示资源未找到
500表示服务器内部错误
处理响应结果:
使用js操作文档结构
创建并发送请求:
异步同步:
异步:默认是异步,会开辟两个线程,主线程会继续执行代码,子线程来处理响应结果的代码
同步:一个线程,会等待处理结果完成后,再继续执行后面的代码
get:
请求数据以问号的形式拼接在url后面,键值对。
因为浏览器差异的问题,在send的时候一定是:send(null)
request.open("get","uri?用户请求数据");
request.send(null);
post:
post是有请求实体的,用户数据使用send直接发送
request.open("post","uri");
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send("用户数据");
总结:
ajax学习:
1、ajax的优势及诞生
2、ajax的使用
创建ajax对象
复写onreadstatechange函数
状态码
响应数据格式
普通文本
json
xml
创建并发送请求
异步同步
get方式
post方式
0 0
- ajax学习笔记---什么是Ajax
- [ajax 学习笔记] ajax初试
- Ajax学习笔记-Ajax数据格式
- AJAX学习笔记--慕课网Ajax
- Ajax学习笔记(一)
- Ajax学习笔记(二)
- Ajax学习笔记(三)
- Ajax学习笔记(四)
- Ajax学习笔记(五)
- Ajax学习笔记(六)
- Ajax学习笔记
- Ajax 学习笔记(1)
- Ajax 学习笔记(2)
- Ajax 学习笔记(3)
- Ajax Gossip学习笔记
- AJAX学习笔记--从零开始
- Ajax 学习笔记
- ajax学习笔记
- matlab 连接Mysql数据库
- linkedlist实现栈和队列
- String类中常见小问题
- 关于mybatis最基本的动态sql
- ubuntu14.04.5装cuda7.5记录(解决unable to locate the kernel source,装cuda黑屏问题,装cuda循环登录问题)
- ajax学习笔记
- springboot入门(一)文件配置和运行
- Java设计模式之---装饰者模式
- 变相的欧拉方程
- selector设置的属性没效果
- hdu2036改革春风吹满地
- MFC程序提示 0xC0000005: 读取位置 0x00000020 时发生访问冲突。
- 编程言之父
- codeforce 251 A(二分或者尺取法或者单调队列)