>
Ajax的运用
2020-10-19 19:37
前端
  • 1950
  • 527
  • 64
  • 51

Ajax的全称是 Asynchronous JavaScript and XML

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

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

在使用Ajax之前需要引入一个js (jquery)


前端Ajax交互中 有如下几点:

1.

$.ajax({

type: 'POST', // 规定请求的类型(GET 或 POST)

url: '/Ar/S', // 请求的url地址

dataType: 'json', //预期的服务器响应的数据类型

data: data,//规定要发送到服务器的数据

async:false,//同步/异步进行操作


beforeSend: function () { //发送请求前运行的函数(发送之前就会进入这个函数)

// ....

},

success: function (result) { // 当请求成功时运行的函数



});

} else {




}



},

error: function (result) { //失败的函数

//...

},

complete: function () { //请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后,不管成功还是失败 都会进这个函数)

// ...

}

}); 

2.

var request = new XMLHttpRequest(); // 新建XMLHttpRequest对象
request.onreadystatechange = function () { // 状态发生变化时,函数被回调
    if (request.readyState === 4) { // 成功完成
        // 判断响应结果:
        if (request.status === 200) {
            // 成功,通过responseText拿到响应的文本:
            return success(request.responseText);
        } else {
            // 失败,根据响应码判断失败原因:
            return fail(request.status);
        }
    } else {
        // HTTP请求还在继续...
    }
}
// 发送请求:
request.open('GET', '/api/categories');
request.send();


3.最简单的Ajax

$(function () {
            $.ajax({
                url:'https://api/api/banner/',//请求地址
                methods:'get'//请求类型
                success:function (res) { //成功
                },
                error:function (err) {//失败
                    
                }
            })
        })


全部留言 ()
返回
顶部