Ajax理解总结

Posted 2020-09-17

前端开发拿数据页面实时更新是离不开Ajax这个技术的

AJAX即“Asynchronous Javascript And XML”（异步javascript和XML），是指一种创建交互式网页应用的网页开发技术。

 

ps:异步的javascript和XML技术,可以在不刷新重载整个网页情况下更新部分页面内容，让静态的页面前端变成动态的，开发更NB了，不过AJAX本身和web或JAVA没关系，

它是独立的一项技术,核心是利用XMLhttprequest这个对象来进行的，AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求）

一般传输方法为get或post，一般需要提交数据的用post方法，如表单，正常get方法就可以了

 

 

这是官方解释：

AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。（现在一般都是用json这种轻量级的数据交换格式了，拿到js，文件也好编译，xml很少了）

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页页面。

 

我自己接触过用ajax的话,包括它的原生js，jquery里的$ajax方法，框架里angular,vue的$http.get().then()等方法，用途很广的！所以很重要，用个本地category.json文件举例。如

ajax:function () {

        $.getJSON("json/category.json",function (dba) {
            runing(dba.data);

        });

    },

//调用runing

function runing(dba){
console.log(dba)
//这个dba参数就是ajax请求回来的
}