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”);

目录
相关文章
|
7月前
|
XML 前端开发 JavaScript
Javaweb之Ajax的详细解析
1.1 Ajax介绍 1.1.1 Ajax概述 我们前端页面中的数据,如下图所示的表格中的学生信息,应该来自于后台,那么我们的后台和前端是互不影响的2个程序,那么我们前端应该如何从后台获取数据呢?因为是2个程序,所以必须涉及到2个程序的交互,所以这就需要用到我们接下来学习的Ajax技术。
96 0
|
XML JSON 前端开发
JavaWeb 速通Ajax
JavaWeb——Ajax 内容分享。
60 0
|
3月前
|
JSON 前端开发 JavaScript
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
Filter过滤器、Listener监听器、AJAX、 同步、异步优点和使用场景、Axios异步框架、JSON、js和JSON转换、案例,Axios + JSON 品牌列表查询和添加
JavaWeb基础8——Filter,Listener,Ajax,Axios,JSON
|
JSON 前端开发 JavaScript
|
XML JSON 前端开发
JavaWeb开发 Ajax技术详解(一)
JavaWeb开发 Ajax技术详解(一)
|
XML 存储 前端开发
JavaWeb中异步交互的关键——Ajax
JavaWeb中异步交互的关键——Ajax
229 0
|
XML JSON 前端开发
【JavaWeb】一篇承载Ajax、Axios、Json的学习笔记~
概念:ajax(AJavascriptAndXML):异步的JavaScript和Xml。
【JavaWeb】一篇承载Ajax、Axios、Json的学习笔记~
|
XML 前端开发 JavaScript
Javaweb重要知识点总结(五)AJAX
Javaweb重要知识点总结(五)AJAX
|
XML JSON 前端开发
JavaWeb--快速入门JSON&Ajax
JavaWeb--快速入门JSON&Ajax
101 0