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

原创 Bios 随笔 js 1860阅读 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 )
最新评论
Bios 1F 2017-12-11 16:36:35 5F

谢谢支持!

戒不掉的殇 3F 2017-12-05 08:40:31 4F

写的很好 就不说了

心理学徒幽灵聪 1F 2017-12-04 17:52:32 3F

老哥稳

superme 2017-12-04 15:49:32 2F

很详细。。赞

戒不掉的殇 2017-12-04 15:11:39 1F

光标闪闪抒想法,键盘声声送评论。这,就是对作者最大的鼓励!