Ajax——什么是ajax,原生JavaScript封装ajax,可以直接使用

原创 Bios 随笔 js 1.6k阅读 2017-12-04 14:41:23 举报
什么是Ajax?(前后端数据交互)###
Asynchronous JavaScript and XML(异步JavaScript和XML)
[ol]
[li]节省用户操作时间,提高用户体验,减少数据请求[/li]
[li] 传输、获取数据[/li]
[/ol]
ajax流程:
javascript 代码
form表单:
action:数据提交地址,默认是当前页面
method:数据提交方式,默认是get方式
1.get
把数据名称和数据值用=连接,如果有多个的话,那么他会把多个数据组合用&进 行连接,然后把数据放到url?后面传到指定页面 url长度限制的原因,我们不要通过get方式传递过多的数据
2.post
理论上无限制
enctype:提交的数据格式 ,默认是:application/x-www-form-unlencoded
application/x-www-form-urlencoded
###清除ajax缓存:
一、GET 方式请求
如果两次请求的url相同的话 浏览器(不同缓存机制的浏览器会有所不同)会直接将第一次请求的结果给第二次请求 防止这种缓存的方法: 请求的url地址?t=new Date() 二、 POST 方式请求 浏览器认为Post的提交必然是有改变的 所以一般post请求 不会从缓存中去数据 三、 Jquery中的有设置缓存的开关 不管是哪中方式请求 我们可以设置缓存开关: $ajax.Setup({ cache:false}); xhr.open('get', '2.get.php?username=' + encodeURI('刘伟') + '&age=30&' + new Date().getTime(), true);
encodeURL()处理中文乱码问题
###get方式提交数据
javascript 代码
###post方式提交数据
javascript 代码
###封装ajax.js
javascript 代码
评论 ( 5 )
最新评论