ajax异步传输

Ajax开发模式与传统开发模式之间的比较：

 在传统的Web应用模型中，将生成一次的http请求，而在ajax应用开发模型中，将变成对ajax引擎的一次javascript调用。在ajax应用开发模型中通过javascript实现在不刷新整个页面的情况下，对部分数据进行更新，从而降低了网络的流量，给用户带来了更高的体验。

前后端数据在交互时，除了使用ajax同步的话，大多数情况下使用ajax异步的方式将数据展示到前端的页面。ajax异步的模板如下所示：

$.ajax({
        url :  "http://ip地址:port/xx/xx/xxx",
        data:JSON.stringify({
            update_time: time,
        }),
        contentType: "application/json",
        type:"POST",
        dataType : 'json',
        async : true,
        success : function(resp){

           

        },
        error : function() {
            alert("查询失败!!!");
        }
    },

);

各参数代表的具体含义： 

url：url为后端接口调用的地址

data：data属性接收的参数类型为String，因此要用JSON.stringify将json对象转换成String类型。

type:分为post和get两种方式

dataType : 数据格式为json或text方式

async:若ajax同步则为false，否则为true

success:解析数据内容

error：当数据解析出现问题时，弹出错误的窗口。

ajax异步的好处在于能够动态的展示前端需要展示的内容，在success : function(resp){}中使用DOM通过class（或id）找到指定标签，在该标签内动态展示页面内容。