AJAX原理分析

AJAX即"Asynchronous JavascriptAnd XML ”(异步JavaScript和XML)可以使网页实现异步更新,就是不重新加载整个网页的情况下,对网页的某部分进行更新(局部刷新)。传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。比如说在你注册登录某一个app时候,你需要填写手机号和密码,当你填写完手机号,页面会自动发请求去数据库中查找此手机号是否已注册过,给出相应的反应。简单的来说就是:不刷新页面的情况下,自动发出请求

AJAX:异步JavaScript和XML,是一种新的思想,整合之前的多种技术,用于创建快速交互式网页应用的网页开发技术。


AJAX原理分析AJAX原理分析_第1张图片

1.使用JavaScript获得浏览器内置的AJAX引擎(XMLHttpRequest对象)

2通过AJAX引擎确定请求路径和请求参数

3通知AJAX引擎发送请求

AJAX引擎会在不刷新浏览器地址栏的情况下,发送请求

1服务器获得请求参数

2服务器处理请求参数(添加、查询等操作)

3服务器响应数据给浏览器

AJAX引擎获得服务器响应的数据,通过执行JavaScript的回调函数将数据传递给浏览器页面。

1通过设置给AJAX引擎的回调函数获得服务器响应的数据

2使用JavaScript在指定的位置,显示响应数据,从而局部修改页面的数据,达到局部刷新目的。

 JavaScript AJAX使用流程

(get和post会有细微差别)

1.获得ajax引擎

2.设置回调函数

3.确定请求路径

4.发送请求

//get为例

                    
                    

你可能感兴趣的:(前端基础,java基础,ajax,javascript,前端)