24JavaWeb基础 - AJAX介绍

简介: 24JavaWeb基础 - AJAX介绍

AJAX介绍

AJAX即“Asynchronous JavaScript and XML”(异步JavaScript和XML)可以使网页实现异步更新,就是不重新加载整个网页的情况下,对网页的某部分进行更新(局部刷新)。

AJAX原理分析

页面发起请求,会将请求发送给浏览器内核中的Ajax引擎,Ajax引擎会提交请求到 服务器端,在这段时间里,客户端可以任意进行任意操作,直到服务器端将数据返回 给Ajax引擎后,会触发你设置的事件,从而执行自定义的js逻辑代码完成某种页面1 功能。

JS原生的AJAX案例

js原生的Ajax其实就是围绕浏览器内内置的Ajax引擎对象进行学习的,要使用js原生的Ajax完成异步操作,有如下几个步骤:

1)创建Ajax引擎对象

2)为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎)

3)绑定提交地址

4)发送请求

5)接受响应数据

注意:如果是post提交

在发送请求之前设置一个头

xmlhttp.setRequestHeader(“Content-type”,“application/x-www-form-urlencoded”);

目录
相关文章
|
2月前
|
XML JSON 前端开发
什么是ajax,ajax有什么特点?
什么是ajax,ajax有什么特点?
21 0
|
2月前
|
XML 前端开发 JavaScript
什么是ajax,为什么使用ajax?
什么是ajax,为什么使用ajax?
24 0
|
18天前
|
XML JSON 前端开发
快速了解AJAX
快速了解AJAX
|
2月前
|
XML 前端开发 JavaScript
什么是AJAX
什么是AJAX
18 0
|
2月前
|
XML 前端开发 JavaScript
什么是ajax?
什么是ajax?
51 0
|
11月前
|
XML Web App开发 JSON
Ajax的使用
Ajax的使用
76 0
|
XML 前端开发 JavaScript
|
XML 前端开发 JavaScript
|
Web App开发 安全 前端开发
ajax的使用
  如上一张表单提交,一般我们通常的做法是,form表单提交,方便快捷,提交以后就不用管了,是否完成以及完成以后做什么是提交以后的后台操作,form表单只负责提交过去。(一般后台在接收表单提交以后,根据验证以及数据流转结果给前台交互,常见的是 重定向)。
1124 0
|
XML JSON JavaScript
第20天,Ajax
AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML)。
918 0