美文网首页
JS解密:AJAX 请求的 jQuery 语法格式样例

JS解密:AJAX 请求的 jQuery 语法格式样例

作者: dex0423 | 来源:发表于2020-06-24 16:13 被阅读0次

1. Ajax 概念

  • 在浏览器中,我们可以在不刷新页面的情况下,通过 ajax 的方式去获取一些新的内容;

  • Ajax:Asynchronous Javascript And XML(异步 JavaScript 和 XML);

  • Ajax 并不是凭空出现的新技术,而是对于现有技术的结合;

  • Ajax 的核心是 js 对象:XMLHttpRequest;

  • 发送 Ajax 请求的五个步骤:
    (1)创建异步对象,即 XMLHttpRequest 对象;
    (2)设置请求的参数,包括:请求的方法、请求的url;
    (3)发送请求;
    (4)注册事件,如果要在数据完整请求回来的时候才调用,我们需要手动写一些判断的逻辑;
    (5)获取返回的数据。

2. POST 请求格式

$.ajax({
    /* url 地址可以是 /get-json/ 的方式
    *  也可以是 http://www.qfedu.com/get-json/ 的方式
    */
    url: 'url 地址',
    type: 'GET/POST',
    dataType: 'json',
    success: function(result){
        // 成功处理逻辑
     },
    error: function(result){
        // 错误时处理逻辑
        }
});

3. GET 请求格式

$.ajax({
    /* url 地址可以是 /get-json/ 的方式
    *  也可以是 http://www.qfedu.com/get-json/ 的方式
    */
    type: "GET",
    url:  'url 地址',
    data: { page: $("#page").val(), limit: 5 },
    dataType: "JSON",
    success: function(result){
        // 成功处理逻辑
     },
    error: function(result){
        // 错误时处理逻辑
        }
});

相关文章

网友评论

      本文标题:JS解密:AJAX 请求的 jQuery 语法格式样例

      本文链接:https://www.haomeiwen.com/subject/vggrfktx.html