Ajax知识点总结、不用再找其他资源的总结

最新推荐文章于 2022-10-11 19:21:36 发布
最新推荐文章于 2022-10-11 19:21:36 发布
阅读量1.6k 收藏 5
点赞数
分类专栏： java 后端 文章标签： java 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67393039/article/details/123593124
版权
java 同时被 2 个专栏收录
278 篇文章 8 订阅
订阅专栏
后端
12 篇文章 0 订阅
订阅专栏

目录

一、Ajax 的概念

二、Ajax 原理（发送 Ajax 请求的五个步骤）

三、XMLHttpRequest 对象详解

发送请求

POST 请求时注意

onreadystatechange 事件

服务器响应的内容

四、手写 Ajax

手写第一个 Ajax 请求

封装 Ajax 请求（重要）

Ajax 请求：get 请求举例

Ajax 多个接口的嵌套请求（重要）

五、jQuery 中的 Ajax

六、Promise

七、零七杂八

（1）?URL地址的概念

（2）接口的概念

（3）接口文档

1. 什么是接口文档

2. 接口文档的组成部分

(4)查询字符串

?1、什么是查询字符串

2. GET请求携带参数的本质

（5）URL编码与解码

1、什么是URL编码

2、?如何对URL进行编码与解码

3. URL编码的注意事项

（6）?数据交换格式

1、XML

2、JSON?

JSON和JS对象的互转

（7）XMLHttpRequest Level2的新特性

一、Ajax 的概念

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

Ajax：Asynchronous Javascript And XML（异步 JavaScript 和 XML）。它并不是凭空出现的新技术，而是对于现有技术的结合。Ajax 的核心是 js 对象：XMLHttpRequest。

相关了解资源链接

看这一篇就够了！-Ajax详解

二、Ajax 原理（发送 Ajax 请求的五个步骤）

其实也就是 使用 XMLHttpRequest 对象的五个步骤。

我们先回忆一下，一个完整的 HTTP 请求需要的是：

  • 请求的网址、请求方法 get/post。

  • 提交请求的内容数据、请求主体等。

  • 接收响应回来的内容。

发送 Ajax 请求的五个步骤：

（1）创建异步对象，即 XMLHttpRequest 对象。

// IE9及以上
const xhr = new XMLHttpRequest()
// IE9以下
const xhr = new ActiveXObject('Mricosoft.XMLHTTP')

（2）使用 open 方法设置请求参数。open(method, url, async)。参数解释：请求的方法、请求的 url、是否异步。第三个参数如果不写，则默认为 true。

（3）发送请求：send()。

（4）注册事件：注册 onreadystatechange 事件，状态改变时就会调用。

如果要在数据完整请求回来的时候才调用，我们需要手动写一些判断的逻辑。

（5）服务端响应，获取返回的数据。

三、XMLHttpRequest 对象详解

我们在上一段讲解了使用 XMLHttpRequest 对象的五个步骤。本段，我们讲一下注意事项。

发送请求

发送请求的方法：

open(method, url, async);

参数解释：

  • method：请求的类型；GET 或 POST

  • url：文件在服务器上的位置

  • async：true（异步）或 false（同步）

另外还有个方法：（仅用于 POST 请求）

send(string);

POST 请求时注意

如果想让 像 form 表单提交数据那样使用 POST 请求，就需要使用 XMLHttpRequest 对象的 setRequestHeader()方法 来添加 HTTP 头。然后在 send() 方法中添加想要发送的数据：

xmlhttp.open('POST', 'ajax_test.php', true);

xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

xmlhttp.send('name=smyhvae&age=27');

onreadystatechange 事件

注册 onreadystatechange 事件后，每当 readyState 属性改变时，就会调用 onreadystatechange 函数。

readyState：（存有 XMLHttpRequest 的状态。从 0 到 4 发生变化）

  • 0: 请求未初始化

  • 1: 服务器连接已建立

  • 2: 请求已接收

  • 3: 请求处理中

  • 4: 请求已完成，且响应已就绪

status：

  • 200: “OK”。

  • 404: 未找到页面。

在 onreadystatechange 事件中，当 readyState 等于 4，且状态码为 200 时，表示响应已就绪。

服务器响应的内容

  • responseText：获得字符串形式的响应数据。

  • responseXML：获得 XML 形式的响应数据。

如果响应的是普通字符串，就使用 responseText；如果响应的是 XML，使用 responseXML。

四、手写 Ajax

手写第一个 Ajax 请求

get 请求：

//【发送ajax请求需要五步】
//（1）创建XMLHttpRequest对象
var xmlhttp = new XMLHttpRequest();

//（2）设置请求的参数。包括：请求的方法、请求的url。
xmlhttp.open('get', '02-ajax.php');

//（3）发送请求
xmlhttp.send();

//（4）注册事件。 onreadystatechange事件，状态改变时就会调用。
//如果要在数据完整请求回来的时候才调用，我们需要手动写一些判断的逻辑。
xmlhttp.onreadystatechange = function () {
    // 为了保证 数据 完整返回，我们一般会判断 两个值
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        //写xhr.status>=200 && xhr.status<300比较完善
        //（5）服务端相应：如果能够进入这个判断，说明数据请求成功了
        console.log('数据返回成功：' + JSON.stringify(xmlhttp.responseText));

        // 伪代码：按业务需要，将接口返回的内容显示在页面上
        // document.querySelector('h1').innerHTML = xmlhttp.responseText;
    }
};

post 请求：

//（1）异步对象
var xmlhttp = new XMLHttpRequest();

//（2）设置请求参数。包括：请求的方法、请求的url。
xmlhttp.open('post', '02.post.php');

// 如果想要使用post提交数据,必须添加此行
xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

//（3）发送请求
xmlhttp.send('name=fox&age=18');

//（4）注册事件
xmlhttp.onreadystatechange = function () {
    //（5）服务端相应
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        alert(xmlhttp.responseText);
    }
};

封装 Ajax 请求（重要）

上面的代码，执行顺序很好理解，但在实战开发中，是不会这么写的。假如你的页面中，需要调十次接口，那岂不是要手写十遍 Ajax 请求？这样会导致大量的重复代码。

所以，我们需要把重复代码封装成一个公共函数，然后通过回调函数处理成功和失败的逻辑。

封装 Ajax 请求的代码如下：(get 请求为例)

// 封装 Ajax为公共函数：传入回调函数 success 和 fail
function myAjax(url, success, fail) {
    // 1、创建XMLHttpRequest对象
    var xmlhttp;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        // 兼容IE5、IE6浏览器。不写也没关系
        xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
    }
    // 2、发送请求
    xmlhttp.open('GET', url, true);
    xmlhttp.send();
    // 3、服务端响应
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
            var obj = JSON.parse(xmlhttp.responseText);
            console.log('数据返回成功：' + Jobj);
            success && success(xmlhttp.responseText);
        } else {
            // 这里的 && 符号，意思是：如果传了 fail 参数，就调用后面的 fail()；如果没传 fail 参数，就不调用后面的内容。因为 fail 参数不一定会传。
            fail && fail(new Error('接口请求失败'));
        }
    };
}

// 单次调用 ajax
myAjax('a.json', (res) => {
    console.log(res);
});

// 多次调用 ajax。接口请求顺序：a --> b --> c
myAjax('a.json', (res) => {
    console.log(res);
    myAjax('b.json', (res) => {
        console.log(res);
        myAjax('c.json', (res) => {
            console.log(res);
        });
    });
});

Ajax 请求：get 请求举例

（1）index.html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
    </head>
    <body>
        <h1>Ajax 发送 get 请求</h1>
        <input type="button" value="发送get_ajax请求" id="btnAjax" />

        <script type="text/javascript">
            // 绑定点击事件
            document.querySelector('#btnAjax').onclick = function () {
                myAjax('02-ajax.php', (res) => {
                    console.log(res);
                    console.log('数据返回成功');
                    // 显示在页面上
                    document.querySelector('h1').innerHTML = obj;
                    // alert(xhr.responseText);
                });
            };

            function myAjax(url, callback) {
                var xmlhttp;
                if (window.XMLHttpRequest) {
                    xmlhttp = new XMLHttpRequest();
                } else {
                    xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
                }
                xmlhttp.open('GET', url, true);
                xmlhttp.send();
                xmlhttp.onreadystatechange = function () {
                    if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
                        var obj = JSON.parse(xmlhttp.responseText);
                        console.log('数据返回成功：' + Jobj);
                        callback(obj);
                    }
                };
            }
        </script>
    </body>
</html>

（2）02-ajax.php：

<?php
    echo 'smyhvae';
 ?>

效果如下：

Ajax 多个接口的嵌套请求（重要）

我们在做异步任务的时候，经常会涉及到多个接口的嵌套请求。比如说，接口 1 请求完成后，需要根据接口 1 的数据请求接口 2；接口 2 请求完成后，需要根据接口 3 的数据请求接口 3，以此类推。

需求描述：

  • 请求接口 1，根据用户名获取用户 id

  • 请求接口 2，根据用户 id 获取用户的年龄、性别等信息。

代码实现思路：

myAjax('http://localhost:8888/php/user.php?name=千古', (userInfo) => {
    // 根据第一个接口返回的 userInfo.id，继续请求第二个接口
    myAjax(`http://localhost:8888/php/houdunren.php?id=${userInfo['id']}`, (res) => {
        console.log(response);
    });
});

我们在实战开发中，经常会涉及到接口请求之间的依赖：需要上一个接口请求返回的数据，来发送本次请求。这种场景经常遇到，需要记住。

但这种层层嵌套的代码，会导致回调地狱的问题，也不利于维护。ES6中的Promise，它是一种更优雅的异步任务解决方案。

五、jQuery 中的 Ajax

JQuery 作为最受欢迎的 js 框架之一，常见的 Ajax 已经帮助我们封装好了，只需要调用即可。更为详细的 api 文档可以查阅：w3cSchool_JQueryAjax

格式举例：

$.ajax({
    url: 'https://xxx.com/getUserInfo.php', // 接口的请求地址
    data: 'name=fox&age=18', // 请求参数
    type: 'GET', //请求的方式
    success: function (argument) {
        // 接口请求成功时调用
        console.log('接口请求成功');
    },
    beforeSend: function (argument) {}, // 在发送请求之前调用,可以做一些验证之类的处理
    error: function (argument) {
        // 接口请求失败时调用
        console.log('接口请求失败');
    },
});

代码举例：

（1）index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>jquery-ajax</title>
    </head>
    <body>
        <input type="button" value="点击" id="btn" />
        <div id="showInfo"></div>
        <script type="text/javascript" src="jquery-1.11.2.js"></script>
        <script type="text/javascript">
            $(function () {
                $('#btn').click(function () {
                    $.ajax({
                        url: 'https://xxx.com/getUserInfo.php', // 接口的请求地址
                        dataType: 'text',
                        data: 'name=fox&age=18', // 请求参数
                        type: 'get',
                        success: function (data) {
                            console.log('接口请求成功');
                            alert(data);
                            // $("#showInfo").html(data);
                        },
                        error: function (err) {
                            console.log('接口请求失败：' + err);
                        },
                    });
                });
            });
        </script>
    </body>
</html>

（2）data.php：

<?php

$text = 'hello world';

echo $text;

 ?>

六、Promise

偷下懒，直接上链接

前端基础进阶（十五）：透彻掌握Promise的使用，读这篇就够了 - 简书

七、零七杂八

（1）URL地址的概念

URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。 常见的URL举例：

http://www.baidu.com

http://www.taobao.com

http://www.cnblogs.com/liulongbinblogs/p/11649393.html

URL地址一般由三部组成：

① 客户端与服务器之间的通信协议

② 存有该资源的服务器名称

③ 资源在服务器上具体的存放位置

（2）接口的概念

使用 Ajax 请求数据时，被请求的 URL 地址，就叫做数据接口（简称接口）。同时，每个接口必须有请求方式。

例如： http://www.liulongbin.top:3006/api/getbooks 获取图书列表的接口(GET请求) http://www.liulongbin.top:3006/api/addbook 添加图书的接口（POST请求）

分析接口的请求过程：请求-处理-响应

（3）接口文档

1. 什么是接口文档

接口文档，顾名思义就是接口的说明文档，它是我们调用接口的依据。好的接口文档包含了对接口URL，参数以及输出内容的说明，我们参照接口文档就能方便的知道接口的作用，以及接口如何进行调用。

2. 接口文档的组成部分

接口文档可以包含很多信息，也可以按需进行精简，不过，一个合格的接口文档，应该包含以下6项内容，从而为接口的调用提供依据：

  1. 接口名称：用来标识各个接口的简单说明，如登录接口，获取图书列表接口等。
  2. 接口URL：接口的调用地址。
  3. 调用方式：接口的调用方式，如 GET 或 POST。
  4. 参数格式：接口需要传递的参数，每个参数必须包含参数名称、参数类型、是否必选、参数说明这4项内容。
  5. 响应格式：接口的返回值的详细描述，一般包含数据名称、数据类型、说明3项内容。
  6. 返回示例（可选）：通过对象的形式，例举服务器返回数据的结构。

(4)查询字符串

1、什么是查询字符串

定义：查询字符串（URL 参数）是指在 URL 的末尾加上用于向服务器发送信息的字符串（变量）。 格式：将英文的 放在URL 的末尾，然后再加上 参数＝值 ，想加上多个参数的话，使用 & 符号进行分隔。以这个形式，可以将想要发送给服务器的数据添加到 URL 中。

// 不带参数的 URL 地址
http://www.liulongbin.top:3006/api/getbooks
// 带一个参数的 URL 地址
http://www.liulongbin.top:3006/api/getbooks?id=1
// 带两个参数的 URL 地址
http://www.liulongbin.top:3006/api/getbooks?id=1&bookname=西游记

2. GET请求携带参数的本质

无论使用 $.ajax()，还是使用 $.get()，又或者直接使用 xhr 对象发起 GET 请求，当需要携带参数的时候，本质上，都是直接将参数以查询字符串的形式，追加到 URL 地址的后面，发送到服务器的。

$.get('url', {name: 'zs', age: 20}, function() {})
// 等价于
$.get('url?name=zs&age=20', function() {})

$.ajax({ method: 'GET', url: 'url', data: {name: 'zs', age: 20}, success: function() {} })
// 等价于
$.ajax({ method: 'GET', url: 'url?name=zs&age=20', success: function() {} })

（5）URL编码与解码

1、什么是URL编码

URL 地址中，只允许出现英文相关的字母、标点符号、数字，因此，在 URL 地址中不允许出现中文字符。 如果 URL 中需要包含中文这样的字符，则必须对中文字符进行编码（转义）。 URL编码的原则：使用安全的字符（没有特殊用途或者特殊意义的可打印字符）去表示那些不安全的字符。 URL编码原则的通俗理解：使用英文字符去表示非英文字符。

http://www.liulongbin.top:3006/api/getbooks?id=1&bookname=西游记
// 经过 URL 编码之后，URL地址变成了如下格式：
http://www.liulongbin.top:3006/api/getbooks?id=1&bookname=%E8%A5%BF%E6%B8%B8%E8%AE%B0

2、如何对URL进行编码与解码

浏览器提供了 URL 编码与解码的 API，分别是：

  • encodeURI() 编码的函数

  • decodeURI() 解码的函数

    encodeURI(‘黑马程序员’)
    // 输出字符串 %E9%BB%91%E9%A9%AC%E7%A8%8B%E5%BA%8F%E5%91%98
    decodeURI(’%E9%BB%91%E9%A9%AC’)
    // 输出字符串 黑马

3. URL编码的注意事项

由于浏览器会自动对 URL 地址进行编码操作，因此，大多数情况下，程序员不需要关心 URL 地址的编码与解码操作。 更多关于 URL 编码的知识，请参考如下博客：

为什么要进行URL编码_李狗要多读书的博客-CSDN博客_什么时候会进行url编码

（6）数据交换格式

数据交换格式，就是服务器端与客户端之间进行数据传输与交换的格式。 前端领域，经常提及的两种数据交换格式分别是 XML 和 JSON。其中 XML 用的非常少，所以，我们重点要学习的数据交换格式就是 JSON。

1、XML

XML 的英文全称是 EXtensible Markup Language，即可扩展标记语言。因此，XML 和 HTML 类似，也是一种标记语言。

XML和HTML的区别

XML 和 HTML 虽然都是标记语言，但是，它们两者之间没有任何的关系。

  • HTML 被设计用来描述网页上的内容，是网页内容的载体
  • XML 被设计用来传输和存储数据，是数据的载体

XML的缺点

  1. XML 格式臃肿，和数据无关的代码多，体积大，传输效率低
  2. 在 Javascript 中解析 XML 比较麻烦

2、JSON

概念：JSON 的英文全称是 JavaScript Object Notation，即“JavaScript 对象表示法”。简单来讲，JSON 就是 Javascript 对象和数组的字符串表示法，它使用文本表示一个 JS 对象或数组的信息，因此，JSON 的本质是字符串。

作用：JSON 是一种轻量级的文本数据交换格式，在作用上类似于 XML，专门用于存储和传输数据，但是 JSON 比 XML 更小、更快、更易解析。

现状：JSON 是在 2001 年开始被推广和使用的数据格式，到现今为止，JSON 已经成为了主流的数据交换格式。

JSON的两种结构

JSON 就是用字符串来表示 Javascript 的对象和数组。所以，JSON 中包含对象和数组两种结构，通过这两种结构的相互嵌套，可以表示各种复杂的数据结构。

对象结构：对象结构在 JSON 中表示为 { } 括起来的内容。数据结构为 { key: value, key: value, … } 的键值对结构。其中，key 必须是使用英文的双引号包裹的字符串，value 的数据类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

数组结构：数组结构在 JSON 中表示为 [ ] 括起来的内容。数据结构为 [ “java”, “javascript”, 30, true … ] 。数组中数据的类型可以是数字、字符串、布尔值、null、数组、对象6种类型。

JSON语法注意事项

  1. 属性名必须使用双引号包裹
  2. 字符串类型的值必须使用双引号包裹
  3. JSON 中不允许使用单引号表示字符串
  4. JSON 中不能写注释
  5. JSON 的最外层必须是对象或数组格式
  6. 不能使用 undefined 或函数作为 JSON 的值

JSON 的作用：在计算机与网络之间存储和传输数据。

JSON 的本质：用字符串来表示 Javascript 对象数据或数组数据

JSON和JS对象的关系

JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。例如：

//这是一个对象
var obj = {a: 'Hello', b: 'World'}

//这是一个 JSON 字符串，本质是一个字符串
var json = '{"a": "Hello", "b": "World"}'

JSON和JS对象的互转

要实现从 JSON 字符串转换为 JS 对象，使用 JSON.parse() 方法：

var obj = JSON.parse('{"a": "Hello", "b": "World"}')
//结果是 {a: 'Hello', b: 'World'}

要实现从 JS 对象转换为 JSON 字符串，使用 JSON.stringify() 方法：

var json = JSON.stringify({a: 'Hello', b: 'World'})
//结果是 '{"a": "Hello", "b": "World"}'

序列化和反序列化

把数据对象转换为字符串的过程，叫做序列化，例如：调用 JSON.stringify() 函数的操作，叫做 JSON 序列化。

把字符串转换为数据对象的过程，叫做反序列化，例如：调用 JSON.parse() 函数的操作，叫做 JSON 反序列化。

（7）XMLHttpRequest Level2的新特性

XMLHttpRequest Level2的新特性

m0_67393039
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
电子商务概论知识点总结.pdf
11-12
【电子商务概论知识点总结】 1. 电子商务概念：电子商务（e-Commerce）是利用信息网络技术，以商品交换为中心的商务活动。不同国际组织对其有不同的定义，如联合国贸发组织将其定义为基于开放网络的企业间和消费者...
于笑扬java综合知识点总结-必背.pdf
最新发布
11-13
于笑扬java综合知识点总结-必背 目录篇： JDK 常用的包 Java 中的 JDK（Java Development Kit）提供了许多有用的包，开发者可以根据需要选择合适的包来实现不同的功能。常用的包包括java.lang、java.util、java....
AJAX知识点大全 最全笔记 知识点合集
liuzizhoufaith的博客
04-20 1516
第一章 绪论 第一讲.AJAX简介 不刷新的情况下向服务端发送请求,获得响应 AJAX全称是Asynchronous JavaScript And XML 异步的JS和XML 通过AJAX可以在浏览器中向服务器发送异步请求,最大的优势是无刷新获取数据 AJAX不是新的编程语言,而是一种将现有标准组合在一起使用的新方式 如: 百度在搜索内容时,会出现关键词的相关词提醒,就是用的AJAX 当注册网站时输入用户名,如果用户名用过了,会提示用户名不可用,也是AJAX 网站的二级菜单,一般都是鼠标放上去了
Ajax 知识点
qq_39451059的博客
12-18 208
1.Ajax概述 1.优点： 无页面刷新，用户体验好 2.请求与响应 请求：访问服务器端的任何一个程序都可以成为请求 响应：服务器接收请求，并根据请求的内容处理，将处理结果返回给客户端成为响应。 ajax模式在注册用户案例中也有2次请求和响应。 1.请求1和响应1.与传统模式一致 2.在用户名文本框上绑定失焦事件，一但失焦就会触发一次请求，将用户名发送后台程序，响应2：与传统模式一...
Ajax知识点
Caozefei_2018的博客
05-02 230
1.什么是Ajax？  Ajax被认为是(AsynchronousJavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax。2.Ajax应用原理。  Ajax的核心是JavaScript对象XmlHttpRequest。  该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequ...
jQuery基础知识点总结(必看)
10-22
在本文中，我们将深入探讨 jQuery 的基础知识点，帮助开发者更好地理解和运用这一强大的工具。 1. **jQuery 入口函数与 JavaScript 入口函数的区别** - **书写个数不同**：JavaScript 的入口函数通常是 `window....
java综合知识点总结
12-12
本篇文章将深入探讨在Java学习过程中的一些关键知识点和容易混淆的概念。 基础篇： 1. JDK常用的包：Java Development Kit (JDK) 包含了Java运行环境和开发工具，其中核心的几个包如`java.lang`, `java.util`, `...
AJAX 教程
奋斗的日子最甜美，在科技的海洋里，永无止境。
01-04 399
AJAX 教程 AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。 AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器
ajax的知识点
weixin_40214184的博客
12-17 167
1、什么是同步？什么是异步？    同步：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待卡死状态；    异步：客户端发送请求到服务器端，无论服务器是否放回响应，客户端都可以随意做其他事情，不会被卡死。 2、Ajax的运行原理     页面发起请求，会将请求发送给浏览器内核中的Ajax引擎，Ajax引擎会提交请求到服务器端，在这段时间里，客户端可以任意进行操作，直到服务器...
ajax知识点
m0_61852712的博客
10-11 448
ajax知识点
JQuery中$.ajax()方法参数详解
yinghuadeyanlei的专栏
09-17 474
JQuery中$.ajax()方法参数详解 url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和 delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.aja
关于ajax的知识点
小婷子最美的博客
01-18 496
关于ajax的知识点一、Ajax发展历史 1、历史起源1998年 微软公司 IE5 XMLHTTP（技术）2005年 谷歌 Gmail（邮箱）、谷歌地图 XMLHttpRequest （风靡一时）2、什么是Ajax1) Asynchronous ：异步2) JavaScript ：JS3) And ：和4) XML ：XML 所谓的Ajax就是基于Javascript+XML的异步请求 3、Aja
ajax相关知识点
科大人的博客
04-23 275
1、什么是Ajax？ 不刷新页面，可以和服务器端进行通信获取数据更新网页局部信息。 2、使用XMHttpRequest对象实现 3、Ajax传输数据的三种数据方式？ HTML：传输的数据格式有限，代码需要拼装完成 XML：笨重，解析困难，不易使用 JSON：小巧，有面向对象的特征，JS原生支持 4、JQery a.load (url,args) b.$get,$post,$getJSON, $.g...
AJAX知识点1
weizhentian624811的博客
10-06 173
什么是AJAX，为什么要使用AJAX AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。  Ajax包含下列技术：  基于web标准（standards-based presentation）XHTML+CSS的表示；  使用 DOM（Document Object Model）进行动态显示及交互；  使用 XML
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值