聊聊“AJAX”使用

83 阅读1分钟

        今天写后台和页面,突然遇到一个局部前端刷新请求,需要用到ajax技术,但由于很久没碰这个工具了,所以特地翻了资料以及以前写的“ajax”请求的格式找了找。

       关于“AJAX”,网上能找到的资料是这么说的“AJAX = Asynchronous JavaScript and XML”,翻译为中文可以理解为“异步的 JavaScript 和 XML”。

      “AJAX”是一种使用现有标准的新方法,最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。不需要任何浏览器插件,但需要用户允许 JavaScript 在浏览器上执行。(AJAX介绍

//详细版
$.ajax({
        type: "POST",
        url: '[你的后台ajax方法地址]',
        contentType: 'application/json;charset=UTF-8',
        async : false,
        processData: true,
        dataType: 'JSON',
        data: JSON.stringify({'id': $(this).attr('')}),
        beforeSend:function(){
            //请求前的处理
        },
        success: function (data) {
            if(data == 0) {

            }
        },    
        complete:function(){
            //请求完成的处理
        },
        error:function(){
            //请求出错处理
        }
    }
);

      实际上,普通前端“AJAX”不需要上述这么复杂的格式。只需要以下格式即可。

$.ajax({
        type: "POST",
        url: '[你的后台ajax方法地址]',
        dataType: 'JSON',
        data: ,
        success: function (data) {
       
        },    
        error:function(){
            //请求出错处理
        }
    }
);

        公众号搜索“职场收割机”,带你傲游职场。