Ajax的使用

简介: Ajax的使用

所谓异步,就是向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果它自己会根据设定进行后续操作,与此同时,页面是不会发生整页刷新的,提高了用户体验。


创建Ajax的过程:


1) 创建XMLHttpRequest对象(异步调用对象)

var xhr = new XMLHttpRequest();


2) 创建新的Http请求(方法、URL、是否异步)

xhr.open(‘get’,’example.php’,false);


3) 设置响应HTTP请求状态变化的函数。

onreadystatechange事件中readyState属性等于4。响应的HTTP状态为200(OK)或者304(Not Modified)。


4) 发送http请求

xhr.send(data);


5) 获取异步调用返回的数据


注意:

1) 页面初次加载时,尽量在web服务器一次性输出所有相关的数据,只在页面加载完成之后,用户进行操作时采用ajax进行交互。

2) 同步ajax在IE上会产生页面假死的问题。所以建议采用异步ajax。

3) 尽量减少ajax请求次数

4) ajax安全问题,对于敏感数据在服务器端处理,避免在客户端处理过滤。对于关键业务逻辑代码也必须放在服务器端处理。

相关文章
|
24天前
|
XML JSON 前端开发
什么是ajax,ajax有什么特点?
什么是ajax,ajax有什么特点?
|
1月前
|
XML JSON 前端开发
什么是ajax
什么是ajax
24 0
|
3月前
|
XML 前端开发 JavaScript
什么是ajax,为什么使用ajax?
什么是ajax,为什么使用ajax?
19 0
|
6月前
|
XML 前端开发 JavaScript
24JavaWeb基础 - AJAX介绍
24JavaWeb基础 - AJAX介绍
35 0
|
XML 存储 前端开发
|
JSON 缓存 前端开发
|
XML JSON 前端开发
Ajax
Ajax(Asynchronous JavaScript and XML,异步的JavaScript和XML)技术可以实现页面的
156 0
|
XML Web App开发 存储
ajax
ajax
91 0
|
XML 前端开发 JavaScript
|
Web App开发 安全 前端开发
ajax的使用
  如上一张表单提交,一般我们通常的做法是,form表单提交,方便快捷,提交以后就不用管了,是否完成以及完成以后做什么是提交以后的后台操作,form表单只负责提交过去。(一般后台在接收表单提交以后,根据验证以及数据流转结果给前台交互,常见的是 重定向)。
1117 0