Ajax学习1~20（服务器的基本概念与初识Ajax）

于 2022-11-10 13:46:13 发布
阅读量116 收藏
点赞数
分类专栏： AJAX 文章标签： 服务器 ajax 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57809042/article/details/127787223
版权

1 客户端与服务器

1.1 上网的目的

上网的本质目的：通过互联网的形式来获取和消费资源

1.2 服务器

上网过程中，负责存放和对外提供资源的电脑，叫做服务器。

服务器的本质：就是一台电脑，只不过它的性能要比个人电脑高很多

1.3 客户端

上网过程中，负责获取和消费资源的电脑，叫做客户端。

2 URL地址

2.1 URL概念

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

常见的URL举例：
http://www.baidu.com

http://www.taobao.com

http://www.cnblogs.com/

2.2 URL地址的组成部分

URL地址一般由三部分组成：

  1. 客户端与服务器之间的通信协议
  2. 存有该资源的服务器名称
  3. 资源在服务器上具体的存放位置
    在这里插入图片描述

3 客户端与服务器的通信过程

3.1 图解客户端与服务器的通信过程

在这里插入图片描述

注意：

  1. 客户端与服务器之间的通信过程，分为 请求–处理–响应三个步骤。
  2. 网页中的每一个资源，都是通过请求–处理–响应的方式从服务器获取回来的。

3.2 基于浏览器的开发者工具分析通信过程

在这里插入图片描述

  1. 打开 Chrome 浏览器
  2. Ctrl+Shift+I打开Chrome的开发者工具
  3. 切换到Network面板
  4. 选中Doc页签
  5. 刷新页面，分析客户端与服务器的通信过程

4 服务器对外提供了哪些资源

4.1 例举网页中常见的资源

文字内容、Image图片、Audio音频、Video视频等等

4.2 数据也是资源

网页中的数据，也是服务器对外提供的一种资源。例如股票数据、各行业排行榜等。

4.3 数据是网页的灵魂

  • HTML是网页的骨架
  • CSS是网页的颜值
  • Javascript是网页的行为
  • 数据，则是网页的灵魂

骨架、颜值、行为皆为数据服务数据，在网页中无处不在

4.4 网页中如何请求数据

数据，也是服务器对外提供的一种资源。只要是资源，必然要通过请求–处理–响应的方式进行获取。
在这里插入图片描述

如果要在网页中请求服务器上的数据资源，则需要用到 XMLHttpRequest 对象。

XMLHttpRequest（简称xhr）是浏览器提供的js成员，通过它，可以请求服务器上的数据资源。

最简单的用法var xhrObj = new XMLHttpRequest()

4.5 资源的请求方式

客户端请求服务器时，请求的方式有很多种，最常见的两种请求方式分别为 get 和 post 请求。

  • get请求通常用于获取服务端资源（向服务器要资源）

例如：根据 URL 地址，从服务器获取 HTML 文件、css 文件、js文件、图片文件、数据资源等

  • post 请求通常用于向服务器提交数据（往服务器发送资源）

例如：登录时向服务器提交的登录信息、注册时向服务器提交的注册信息、添加用户时向服务器提交的用户信息等各种数据提交操作

5 了解Ajax

5.1 什么是Ajax

Ajax的全称是Asynchronous Javascript And XML（异步JavaScript和XML）。

通俗的理解：在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式，就是Ajax。

5.2 为什么要学Ajax

Ajax能让我们轻松实现网页与服务器之间的数据交互。

5.3 Ajax的典型应用场景

用户名检测：注册用户时，通过Ajax的形式，动态检测用户名是否被占用

搜索提示：当输入搜索关键词时，通过ajax的形式，动态加载搜索提示列表

数据分页显示，当点击页码值的时候，通过ajax的形式，根据页码值动态刷新表格的数据

数据的增删改查：数据的添加、删除、修改、查询操作，都需要通过ajax的形式，来实现数据的交互

6 jQuery中的Ajax

6.1 了解jQuery中的Ajax

浏览器中提供的XMLHttpRequest用法比较复杂，所以 jQuery 对 XMLHttpRequest 进行了封装，提供了一系列 Ajax 相关的函数，极大地降低了 Ajax 的使用难度。

jQuery中发起Ajax请求最常用的三个方法如下：

  • $.get()
  • $.post()
  • $.ajax()

6.2 $.get()函数的语法

jQuery中$.get()函数的功能单一，专门用来发起get请求，从而将服务器上的资源请求到客户端来进行使用。

$.get() 函数的语法如下：

$.get(url, [data], [callback])

其中，三个参数各自代表的含义如下：
在这里插入图片描述

6.3 $.get()发起不带参数的请求

使用 $.get() 函数发起不带参数的请求时，直接提供请求的URL地址和请求成功之后的回调函数即可，示例代码如下：

$.get('http://www.liulongbin.top:3006/api/getbooks', function(res) {
    console.log(res) // 这里的 res 是服务器返回的数据
})

eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./lib/jquery.js"></script>
</head>
<body>
    <button id="btnGET">发起不带参数的GET请求</button>
    <script>
        $('#btnGET').on('click', function() {
            $.get('http://www.liulongbin.top:3006/api/getbooks', function(res) {
                console.log(res);
            });
        })
    </script>
</body>
</html>

在开发者工具中可以看到：
在这里插入图片描述

6.4 $.get()发起带参数的请求

使用 $.get() 函数发起带参数的请求时，示例代码如下：

$.get('http://www.liulongbin.top:3006/api/getbooks', { id: 1 }, function(res) {
    console.log(res)
})

eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./lib/jquery.js"></script>
</head>
<body>
    <button id="btnGETINFO">发起带参数的GET请求</button>
    <script>
        $(function() {
            $('#btnGETINFO').on('click', function() {
                $.get('http://www.liulongbin.top:3006/api/getbooks', {id: 1}, function(res) {
                    console.log(res);
                })
            })
        })
    </script>
</body>
</html>

在开发者工具中可以看到：
在这里插入图片描述

6.5 $.post()函数的语法

jQuery 中 $.post() 函数的功能单一，专门用来发起 post 请求，从而向服务器提交数据。

$.post() 函数的语法如下：

$.post(url, [data], [callback])

其中，三个参数各自代表的含义如下：

在这里插入图片描述

6.6 $.post()向服务器提交数据

使用$.post()向服务器提交数据的实例代码如下：

$.post(
   'http://www.liulongbin.top:3006/api/addbook', // 请求的URL地址
   { bookname: '水浒传', author: '施耐庵', publisher: '上海图书出版社' }, // 提交的数据
   function(res) { // 回调函数
      console.log(res)
   }
)

eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./lib/jquery.js"></script>
</head>
<body>
    <button id="btnPOST">发起POST请求</button>
    <script>
        $(function() {
            $('#btnPOST').on('click', function() {
                $.post('http://www.liulongbin.top:3006/api/addbook', {bookname: '水浒传', author: '施耐庵', publisher: '天津图书出版社'}, function(res) {
                    console.log(res);
                })
            })
        })
    </script>
</body>
</html>

在这里插入图片描述

6.7 $.ajax()函数的语法

相比于 $.get() 和 $.post() 函数，jQuery 中提供的 $.ajax() 函数，是一个功能比较综合的函数，它允许我们对 Ajax 请求进行更详细的配置。

$.ajax() 函数的基本语法如下：

$.ajax({
   type: '', // 请求的方式，例如 GET 或 POST
   url: '',  // 请求的 URL 地址
   data: { },// 这次请求要携带的数据
   success: function(res) { } // 请求成功之后的回调函数
})

6.8 使用$.ajax()发起GET请求

使用 $.ajax() 发起 GET 请求时，只需要将 type 属性的值设置为 ‘GET’ 即可：

$.ajax({
   type: 'GET', // 请求的方式
   url: 'http://www.liulongbin.top:3006/api/getbooks',  // 请求的 URL 地址
   data: { id: 1 },// 这次请求要携带的数据
   success: function(res) { // 请求成功之后的回调函数
       console.log(res)
   }
})

eg:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./lib/jquery.js"></script>
</head>
<body>
    <button id="btnGET">发起GET请求</button>
    <script>
        $(function() {
            $('#btnGET').on('click', function() {
                $.ajax({
                    type: 'GET', 
                    url: 'http://www.liulongbin.top:3006/api/getbooks',
                    data: {
                        id: 1
                    },
                    success: function(res) {
                        console.log(res);
                    }
                })
            })
        })
    </script>
</body>
</html>

在这里插入图片描述

6.9 使用$.ajax()发起POST请求

使用$.ajax()发起的POST请求时，只需要将type属性的值设置为'POST'即可

$.ajax({
   type: 'POST', // 请求的方式
   url: 'http://www.liulongbin.top:3006/api/addbook',  // 请求的 URL 地址
   data: { // 要提交给服务器的数据
      bookname: '水浒传',
      author: '施耐庵',
      publisher: '上海图书出版社'
    },
   success: function(res) { // 请求成功之后的回调函数
       console.log(res)
   }
})

7 接口

7.1 接口的概念

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

例如：

http://www.liulongbin.top:3006/api/getbooks 获取图书列表的接口(GET请求)

http://www.liulongbin.top:3006/api/addbook 添加图书的接口（POST请求）

7.2 分析接口的请求过程

  1. 通过GET方式请求接口的过程

在这里插入图片描述

  1. 通过POST方式请求接口的过程
    在这里插入图片描述

7.3 接口测试工具

  1. 什么是接口测试工具
    为了验证接口能否被正常被访问，我们常常需要使用接口测试工具，来对数据接口进行检测。

好处：接口测试工具能让我们在不写任何代码的情况下，对接口进行调用和测试。

  1. 下载并安装PostMan
    访问 PostMan 的官方下载网址 https://www.getpostman.com/downloads/，下载所需的安装程序后，直接安装即可。

VSCode可以安装插件Postcode
3. 了解PostMan界面的组成部分
在这里插入图片描述

PostMan界面的组成部分，从上到下，从左到右，分别是：

  • 菜单栏
  • 工具栏
  • 左侧历史记录与集合面板
  • 请求页签
  • 请求地址区域
  • 请求参数区域
  • 响应结果区域
  • 状态栏

7.4 使用PostMan测试GET接口

在这里插入图片描述

步骤：

  1. 选择请求的方式
  2. 填写请求的URL地址
  3. 填写请求的参数
  4. 点击Send按钮发起GET请求
  5. 查看服务器响应的结果

7.5 使用PostMan测试POST接口

在这里插入图片描述

步骤：

  1. 选择请求的方式
  2. 填写请求的URL地址
  3. 选择 Body 面板并勾选数据格式
  4. 填写要发送到服务器的数据
  5. 点击 Send 按钮发起 POST 请求
  6. 查看服务器响应的结果

eg:向http://www.liulongbin.top:3006/api/addbook发起POST请求添加图书
在这里插入图片描述

7.6 接口文档

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

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

  3. 接口名称：用来标识各个接口的简单说明，如登录接口，获取图书列表接口等。

  4. 接口URL：接口的调用地址。

  5. 调用方式：接口的调用方式，如 GET 或 POST。

  6. 参数格式：接口需要传递的参数，每个参数必须包含参数名称、参数类型、是否必选、参数说明这4项内容。

  7. 响应格式：接口的返回值的详细描述，一般包含数据名称、数据类型、说明3项内容。

  8. 返回示例（可选）：通过对象的形式，例举服务器返回数据的结构。

  9. 接口文档示例

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

8 案例-图书管理

8.1 渲染UI解构

在这里插入图片描述

8.2 案例用到的库和插件

在这里插入图片描述

用到的css库 bootstrap.css

用到的javascript库 jquery.js

用到的vs code插件 Bootstrap 3 Snippets

8.3 渲染图书列表（核心代码）

function getBookList() {
    // 1. 发起 ajax 请求获取图书列表数据
    $.get('http://www.liulongbin.top:3006/api/getbooks', function(res) {
        // 2. 获取列表数据是否成功
        if (res.status !== 200) return alert('获取图书列表失败！')
        // 3. 渲染页面结构
        var rows = []
        $.each(res.data, function(i, item) { // 4. 循环拼接字符串
            rows.push('<tr><td>' + item.id + '</td><td>' + item.bookname + '</td><td>' + item.author + '</td><td>' + item.publisher + '</td><td><a href="javascript:;">删除</a></td></tr>')
        })
        $('#bookBody').empty().append(rows.join('')) // 5. 渲染表格结构
    })
}

8.4 删除图书（核心代码）

// 1. 为按钮绑定点击事件处理函数
$('tbody').on('click', '.del', function() {
    // 2. 获取要删除的图书的 Id
    var id = $(this).attr('data-id')
    $.ajax({ // 3. 发起 ajax 请求，根据 id 删除对应的图书
        type: 'GET',
        url: 'http://www.liulongbin.top:3006/api/delbook',
        data: { id: id },
        success: function(res) {
            if (res.status !== 200) return alert('删除图书失败！') 
            getBookList() // 4. 删除成功后，重新加载图书列表
        }
    })
})

8.5 添加图书（核心代码）

// 1. 检测内容是否为空
var bookname = $('#bookname').val()
var author = $('#author').val()
var publisher = $('#publisher').val()
if (bookname === '' || author === '' || publisher === '') {
    return alert('请完整填写图书信息！')
}
// 2. 发起 ajax 请求，添加图书信息
$.post(
    'http://www.liulongbin.top:3006/api/addbook',
    { bookname: bookname, author: author, publisher: publisher },
    function(res) {
        // 3. 判断是否添加成功
        if (res.status !== 201) return alert('添加图书失败！')
        getBookList() // 4. 添加成功后，刷新图书列表
        $('input:text').val('') // 5. 清空文本框内容
    }
)

8.6 最后代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/bootstrap.css">
    <script src="./lib/jquery.js"></script>
</head>
<body style="padding: 15px;">
    <!-- 添加图书的Panel面板 -->
    <div class="panel panel-primary">
          <div class="panel-heading">
                <h3 class="panel-title">添加新图书</h3>
          </div>
          <div class="panel-body form-inline">
                
                <div class="input-group">
                    <div class="input-group-addon">书名</div>
                    <input type="text" class="form-control" id="iptBookname" placeholder="请输入书名">
                </div>

                <div class="input-group">
                    <div class="input-group-addon">作者</div>
                    <input type="text" class="form-control" id="iptAuthor" placeholder="请输入作者">
                </div>

                <div class="input-group">
                    <div class="input-group-addon">出版社</div>
                    <input type="text" class="form-control" id="iptPublisher" placeholder="请输入出版社">
                </div>
                
                <button id="btnAdd" class="btn btn-primary">添加</button>
          </div>
    </div>
    
    <!-- 图书的表格 -->
    
    <table class="table table-bordered table-hover">
        <thead>
            <tr>
                <th>Id</th>
                <th>书名</th>
                <th>作者</th>
                <th>出版社</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody id="tb">
        </tbody>
    </table>
    
    <script>
        $(function() {
            // 获取图书列表的数据
            function getBookList() {
                $.get('http://www.liulongbin.top:3006/api/getbooks', function(res) {
                    if (res.status !== 200) return alert('获取数据失败!');

                    var rows = [];
                    $.each(res.data, function(i, item) {
                        rows.push('<tr><td>' + item.id +'</td><td>' + item.bookname +'</td><td>' + item.author +'</td><td>' + item.publisher +'</td><td><a href="javascript:;" class="del" data-id="' + item.id +'">删除</a></td></tr>')
                    })
                    $('#tb').empty().append(rows.join(''));
                })
            }

            getBookList();

            // a标签是后来渲染上去的，要用代理
            // $('.del').on('click', function() {
            //     console.log(ok);
            // })

            // 通过代理的方式为动态添加的元素绑定点击事件
            $('tbody').on('click', '.del', function() {
                var id = $(this).attr('data-id');
                $.get('http://www.liulongbin.top:3006/api/delbook', {id: id}, function(res) {
                    if (res.status !== 200) return alert('删除图书失败');

                    getBookList();
                })
            });

            $('#btnAdd').on('click', function() {
                var bookname = $('#iptBookname').val().trim();
                var author = $('#iptAuthor').val().trim();
                var publisher = $('#iptPublisher').val().trim();
                if (bookname.length < 0 || author.length <= 0 || publisher.length <= 0) {
                    return alert('请填写完整的图书信息!');
                }
                $.post('http://www.liulongbin.top:3006/api/addbook', {
                    bookname: bookname, author: author, publisher: publisher}, function(res) {
                        if (res.status != 201) return alert('添加图书失败!');
                        getBookList();
                        $('#iptBookname').val('');
                        $('#iptAuthor').val('');
                        $('#iptPublisher').val('');
                    })
            })
        })
    </script>
</body>
</html>

9 案例-聊天机器人

9.1 演示案例要完成的效果

在这里插入图片描述

实现步骤：

  1. 梳理案例的代码结构
  2. 将用户输入的内容渲染到聊天窗口
  3. 发起请求获取聊天消息
  4. 将机器人的聊天内容转为语音
  5. 通过 <audio> 播放语音
  6. 使用回车键发送消息

9.2 梳理案例给的代码结构

  1. 梳理页面的 UI 布局
  2. 将业务代码抽离到 chat.js 中
  3. 了解 resetui() 函数的作用

向聊天区域中追加内容时，调用resetui()就可以让滚动条到最底部的位置

9.3 将用户输入的内容渲染到聊天窗口

// 为发送按钮绑定点击事件处理函数
$('#btnSend').on('click', function () {
    var text = $('#ipt').val().trim() // 获取用户输入的内容
    if (text.length <= 0) { // 判断用户输入的内容是否为空
       return $('#ipt').val('')
    }
    // 将用户输入的内容显示到聊天窗口中
    $('#talk_list').append('<li class="right_word"><img src="img/person02.png" /> <span>' + text + '</span></li>')
    resetui() // 重置滚动条的位置
    $(‘#ipt’).val('') // 清空输入框的内容

    // TODO: 发起请求，获取聊天消息
})

9.4 发起请求获取聊天消息

function getMsg(text) {
    $.ajax({
      method: 'GET',
      url: 'http://www.liulongbin.top:3006/api/robot',
      data: {
        spoken: text
      },
      success: function (res) {
        if (res.message === 'success') {
            var msg = res.data.info.text
            $('#talk_list').append('<li class="left_word"><img src="img/person01.png" /> <span>' + msg + '</span></li>')
            resetui()
            // TODO: 发起请求，将机器人的聊天消息转为语音格式
        }
      }
    })
}

9.5 将机器人的聊天内容转为语音

 function getVoice(text) {
    $.ajax({
      method: 'GET',
      url: 'http://www.liulongbin.top:3006/api/synthesize',
      data: {
        text: text
      },
      success: function (res) {
        // 如果请求成功，则 res.voiceUrl 是服务器返回的音频 URL 地址
        if (res.status === 200) {
            $('#voice').attr('src', res.voiceUrl)
        }
      }
    })
  }

9.6 通过<audio>播放语音

<!-- 音频播放语音内容 -->
<audio src="" id="voice" autoplay style="display: none;"></audio>

9.7 聊天机器人-通过回车键发送消息

// 让文本输入框响应回车事件后，提交消息
$('#ipt').on('keyup', function (e) {
    // e.keyCode 可以获取到当前按键的编码
    if (e.keyCode === 13) {
        // 调用按钮元素的 click 函数，可以通过编程的形式触发按钮的点击事件
        $('#btnSend').click()
    }
})

最后代码放在资源里面

1-服务器的基本概念与初识Ajax
desson
04-10 417
文章目录一、了解服务器1.服务器2.客服端3.url地址4.客户端与服务器之间的通信二、了解Ajax1.什么是Ajax2.jQuery中的Ajax 一、了解服务器 1.服务器 上网过程中，负责存放和对外提供资源的电脑，叫做服务器。 2.客服端 上网过程中，负责获取和消费资源的电脑，叫做客户端。 3.url地址 URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的.
AJAX帮助文档(很好)
09-16
asp.net ajax帮助文档，5打控件，很值得学习，非常好的文档，保准不后悔下
Ajax（一）
bug 消灭师的博客
04-27 1119
Ajax
xajax中文手册（HonestQiao第一版，FlyingHail修改版）
jelink的专栏
09-28 1887
 最近要用xajax，从网上找到了HonestQiao(乔楚)翻译的xajax中文手册第一版（因为引用地方太多，最初出处不可考了- -b），发现对应当前的版本已经不是太合适了，所以参考着xajax的wiki对该文进行了一些修改和补充：补充xajaxResponse类中方法的说明、添加“如何创建Loading...信息?”、“如何改变xajax的编码设置?”两项，都不是完整的原文翻译，主要是在个人理
分享帮助文档ajax.js
AIR_Prelude的博客
07-28 229
分享帮助文档ajax.js
ajax帮助文档.CHM
11-01
这是一个ajax帮助文档，后缀格式为chm...............
01_服务器的基本概念与初识Ajax
06-16
服务器的基本概念与初识Ajax 本资源摘要信息将对服务器的基本概念、URL地址、客户端与服务器的通信过程、服务器对外提供的资源和Ajax技术进行详细的阐述。 一、客户端与服务器 在互联网时代，用户通过客户端（如...
Ajax基础篇01---服务器的基本概念与初识Ajax
battledao的博客
03-17 3404
前言 ❤️ 有人骂你野心勃勃，也有人独爱你灵魂有火 ❤️
AJAX初级教程之初识AJAX
10-24
首先，AJAX的核心是XMLHttpRequest对象，它是JavaScript的一个内置对象，允许浏览器在后台与服务器进行通信，实现异步数据交换。通过创建XMLHttpRequest实例，然后调用其open()和send()方法，可以向服务器发送HTTP...
ajax帮助手册...chm格式....
12-13
ajax帮助手册...chm格式.......
common.js 内置（AJAX）函数帮助文档
lba8610的专栏
08-23 2399
showMenu() 显示弹出菜单function showMenu(v)参数 v 格式：{‘key1′:’value1′,’key2′:’value2′,’key3′:’value3′}目前，数组 v 支持传递的 key 有：key    默认值    含义    可选值及解释ctrlid    (必填)    控制菜单的 idshowid    ctrlid    弹出菜单的 idmenuid
Ajax帮助文档
12-07
Ajax开发帮助文档，很不错的卡法手册哦，收藏吧
Ajax中文帮助文档
07-12
Ajax中文帮助文档 Ajax中文帮助文档 Ajax中文帮助文档 Ajax中文帮助文档 Ajax中文帮助文档 Ajax中文帮助文档 Ajax中文帮助文档
Ajax中文手册
09-11
Ajax中文手册
初识Ajax——jQuer中的ajax以及图书管理案例
qmj2324的博客
01-27 1157
初识Ajax——jQuer中的ajax以及图书管理案例
ajax GET方式传参
QIingBo的博客
05-01 3341
服务端： <?php $data = array( array('id' => 1,'name' => '张三' , 'age' => 18), array('id' => 2,'name' => '张四' , 'age' => 20), array('id' => 3,'name' => '王五' , 'age' => 30),...
ajax帮助文档（常用的类，方法）
07-06
一些基本的方法和例题，里面详细的介绍啦，ajax当今最常用的方法和属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值