Ajax基础入门(day1) - 服务器的概念 & 初识 Ajax

已于 2022-08-22 22:57:12 修改
阅读量311 收藏
点赞数
分类专栏： Ajax入门到精通 文章标签： 服务器 ajax javascript 前端
于 2022-08-21 22:03:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JOUKELOVE/article/details/126435967
版权

Ajax 笔记持续更新中

在这里插入图片描述

文章目录

一、服务器相关的基础概念

1. 客户端

在这里插入图片描述

2. 服务器

在这里插入图片描述

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

在这里插入图片描述

4. 资源与 URL 地址

在这里插入图片描述

5. URL 地址

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6. 什么是 Ajax

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

二、Ajax 的基础用法

1. 使用 Ajax 请求数据的 5 种方式

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

像这样修改个人信息，就是使用 PUT在这里插入图片描述
在这里插入图片描述

2. axios

我们不是一上来就写 Ajax 的原生代码，因为 Ajax 的原生代码会非常复杂。
ajax 技术分原生和插件，先学习插件会轻松些。原生会放到后面讲解。
在这里插入图片描述
中文官网地址：http://www.axios-js.com/
英文官网地址：https://www.npmjs.com/package/axios
在这里插入图片描述

注意：学习 Ajax 我们需要用到浏览器的一个新面板 Network
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3. 基于 axios 发起 GET 请求

在这里插入图片描述

测试：
在这里插入图片描述
在这里插入图片描述

4. GET 请求的查询参数

在这里插入图片描述
在这里插入图片描述

测试：
在这里插入图片描述
在这里插入图片描述

5. 在 GET 请求中携带多个查询参数

在这里插入图片描述
在这里插入图片描述

6. URL 编码

在这里插入图片描述

GET 案例：新闻列表

完成这个案例需要先复习一下 对象的解构赋值

<script>
    // 解构赋值：目的： 快速的取值 

    const obj = {
      username: 'zs',
      age: 18,
      car: {
        name: '劳斯莱斯',
        price: 1000
      },
      house: {
        name: '新疆海景房',
        price: 500000
      }
    }

    // ========================= 取出对象obj的car和house属性 ========================= 
    // let car = obj.car 
    // let house = obj.house 
    // console.log(car)
    // console.log(car.name)
    // console.log(car.price)

    // console.log(house)
    // console.log(house.name)
    // console.log(house.price)

    // ========================= 解构赋值写法 =========================
    // let {car, house} = obj 
    // console.log(car, house)

    // =========================  重命名 =========================
    // let {car: car2} = obj
    // console.log(car2)

    // =========================  深层解构 =========================
    // let {car: {name, price}} = obj
    // console.log(name, price)
    
    // let {house: {name, price}} = obj
    // console.log(name, price)
    
    // 对 car 和 house 都深层解构
    // name: houseName 将 house 的 name 值赋给 houseName
    // let {car: {name, price}, house:{name: houseName,price: housePrice}} =obj
    // console.log(name, price, houseName, housePrice)

    // ========================= 解构赋值还可以用于在函数参数上 =========================
    // function fn(info) {
    //   console.log(info)
    //   let {car, house} = info
    //   console.log(car, house)
      
    //  }
    // fn(obj)

    // 改良fn函数写法 （直接在形参位置解构）
    function fn({car: {name, price}, house}) {
      console.log(name, price, house)
      
     }
    fn(obj)

    function fn2([x, y, z]) {
      console.log(x, y, z)
    }
    fn2([10, 20, 30])
  </script>

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
实现：
(解构思想)
在这里插入图片描述
(实现解构)
在这里插入图片描述
案例思想：
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Document</title>
  <!-- 导入样式表 -->
  <link rel="stylesheet" href="./assets/news.css" />
</head>

<body>
  <!-- 新闻列表 -->
  <div id="news-list">
    <!-- 新闻的 item 项 -->
    <div class="news-item">
      <img class="thumb" src="http://www.liulongbin.top:3009/images/5.webp" alt="" />
      <div class="right-box">
        <!-- 新闻标题 -->
        <h1 class="title">5G商用在即，三大运营商营收持续下降</h1>
        <div class="footer">
          <div>
            <!-- 新闻来源 -->
            <span>胡润百富</span>&nbsp;&nbsp;
            <!-- 发布日期 -->
            <span>2019-10-28 10:14:38</span>
          </div>
          <!-- 评论数量 -->
          <span>评论数：66</span>
        </div>
      </div>
    </div>
  </div>

  <!-- 导入axios -->
  <script src="./lib/axios.js"></script>
  <script>
    // 获取新闻列表对象
    const list = document.querySelector('#news-list')

    // 步骤:
    // 1. 获取数据 ==> 通过 axios 发送GET请求
    //           请求地址: http://www.liulongbin.top:3009/api/news

    // 解构
    axios({
      url: 'http://www.liulongbin.top:3009/api/news',
      method: 'GET'
    }).then(({data: res}) => {
       //  {data: res} 解构出来的 data, 并且重命名为 res(这对应的就是服务器响应回来的数据)
       console.log(res)
       console.log(res.code)  // 200
       console.log(res.msg)   // 获取新闻列表成功
       console.log(res.data)  // 9 条数据

       if(res.code === 200) {
        // 获取成功  => 遍历 res.data 数组,将其展现到页面中
        // 准备 htmlStr 来拼接html字符串
        let htmlStr = ``
        // item 指的就是 data  用 data 里的属性值替换原文本位置
        res.data.forEach(item => {
            htmlStr += `
            <div class="news-item">
            <img class="thumb" src="http://www.liulongbin.top:3009${item.img}" alt="" />
            <div class="right-box">
                <!-- 新闻标题 -->
                <h1 class="title">${item.title}</h1>
                <div class="footer">
                <div>
                    <!-- 新闻来源 --> 
                    <span>${item.source}</span>&nbsp;&nbsp;
                    <!-- 发布日期 -->
                    <span>${item.time}</span>
                </div>
                <!-- 评论数量 -->
                <span>评论数：${item.cmtcount}</span>
                </div>
            </div>
            </div>
            `
        })
        // console.log(htmlStr)

        // 把拼接好的 htmlStr 赋值作为 list 的内容
        list.innerHTML = htmlStr
       } else {
        // 获取失败
        alert(res.msg)
       }
    })

    
  </script>
</body>

</html>

学完 map 方法之后，我们可以对新闻案例进行更加简便的改写。
在这里插入图片描述

解构的一些注意点：
在这里插入图片描述
在这里插入图片描述

7. result 是 axios 套壳的结果

在这里插入图片描述
axios 把数据套在对象 data 里面了
在这里插入图片描述

8. 数组 map 方法的使用

:
在这里插入图片描述
在这里插入图片描述
我们想实现把这四个 li 放进ul 里面，如何实现？
方案1：forEach 遍历然后 += 更新 htmlStr
在这里插入图片描述
方案2：使用 join 方法拼接字符串
在这里插入图片描述
方案2可以更加简单：
在这里插入图片描述

效果：
在这里插入图片描述

9. 基于 axios 发起 POST 请求

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

POST 案例： 用户注册

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
实现：

<!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="./css/bootstrap-v4.6.0.css">
  <link rel="stylesheet" href="./css/login.css">
</head>

<body>
  <div class="login-box">
    <div class="form-group">
      <label for="username">Account</label>
      <!-- 账号 -->
      <input type="text" class="form-control" id="username" autocomplete="off">
      <small id="emailHelp" class="form-text text-muted">The available account is <strong>admin</strong></small>
    </div>
    <div class="form-group">
      <!-- 密码 -->
      <label for="password">Password</label>
      <input type="password" class="form-control" id="password">
      <small id="emailHelp" class="form-text text-muted">The available password is <strong>123456</strong></small>
    </div>
    <button type="submit" class="btn btn-primary" id="btnLogin">Submit</button>
  </div>

  <script src="./lib/axios.js"></script>

  <script>
    // 请求方式 POST
    // 地址 http://www.liulongbin.top:3009/api/login
    // 参数:  username 用户名     password  密码

    // 设置一个函数来获取对象
    function ts(str){
      return document.querySelector(str)
    }
    // 点击提交按钮发送 post 请求
    ts('#btnLogin').addEventListener('click', function(){
          const username = ts('#username').value
          const password = ts('#password').value

          axios({
          method: 'POST',
          url: 'http://www.liulongbin.top:3009/api/login',
          data: {
            username,
            password
          }
        }).then( ({data: res}) => {
          if(res.code === 200) {
            alert('注册成功！')
            // 注册成功后跳转页面
            location.href = 'https://blog.csdn.net/JOUKELOVE?type=blog'
          } else {
            alert(res.msg)
          }
        }   
        )
    })
    
  </script>
</body>

</html>

三、请求报文&响应报文

1. 什么是请求报文和响应报文

在这里插入图片描述
一旦 Ajax 请求出错了，我们需要排查问题就是在报文里排查。

2. 请求报文 - 格式

在这里插入图片描述
在这里插入图片描述

如何查看请求报文？
请求行 和 请求头部：
在这里插入图片描述
请求体：
在这里插入图片描述

3. 响应报文 - 格式

在这里插入图片描述
在这里插入图片描述

响应报文：
在这里插入图片描述
在这里插入图片描述

4. http 响应状态码

在这里插入图片描述
了解一些常见的响应状态码即可
在这里插入图片描述

5. 区分 响应状态码 和 业务状态码

一定要把他们两个区分开，不然使用 ajax 会有点懵
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、接口相关的基础概念

1. 接口的概念

在这里插入图片描述

2. 接口文档的概念

在这里插入图片描述

现成的接口文档
在这里插入图片描述

3. 接口测试工具 Postman

在这里插入图片描述
官方下载地址 : https://www.postman.com/downloads/

在这里插入图片描述

在这里插入图片描述

4. postcode 插件

我们的 VScode 里有一个插件 postcode ，效果跟 postman 是一样的。
在这里插入图片描述
查询图书：
在这里插入图片描述
添加图书：
在这里插入图片描述
有关 postcode，有一些需要注意的细节：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

五、案例–聊天机器人

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/main.css" />
  <title>聊天机器人</title>
</head>

<body>
  <div class="wrap">
    <!-- 头部 Header 区域 -->
    <div class="header">
      <h3>小思同学</h3>
      <img src="img/person01.png" alt="icon" />
    </div>
    <!-- 中间 聊天内容区域 -->
    <div class="main">
      <ul class="talk_list" style="top: 0px;" id="talk_list">
        <!-- 机器人 -->
        <li class="left_word">
          <img src="img/person01.png" /> <span>嗨，最近想我没有？</span>
        </li>
        <!-- 我 -->
        <!-- <li class="right_word">
          <img src="img/person02.png" /> <span>嗨，最近想我没有？</span>
        </li> -->
      </ul>
    </div>
    <!-- 底部 消息编辑区域 -->
    <div class="footer">
      <img src="img/person02.png" alt="icon" />
      <input type="text" placeholder="说的什么吧..." class="input_txt" id="ipt" />
      <input type="button" value="发 送" class="input_sub" id="btnSend" />
    </div>
  </div>
  <!-- 导入 axios -->
  <script src="../lib/axios.js"></script>
  <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
  <audio src="" id="voice" autoplay style="display: none;"></audio>
  <script>
    let ipt = document.querySelector('#ipt')
    let btnSend = document.querySelector('#btnSend')
    let ul = document.querySelector('#talk_list')
    let voice = document.querySelector('#voice')

    btnSend.addEventListener('click', function(){
      
      let content = ipt.value

      // 2.创建li ==> document.creatElement()
      let newLi = document.createElement('li')
      // 3.设置内容 ==> innerHTML
      newLi.className = 'right_word'
      newLi.innerHTML = `
      <img src="img/person02.png" /> <span>${content}</span>
      `
      
      // 4.添加到 ul 中 ==> appendChild
      ul.appendChild(newLi)
      // 发送完毕后清空我们的输入栏
      ipt.value = ''

      // 发送 ajax 请求获取机器人说的话
      axios({
        method: 'GET',
        url: 'http://www.liulongbin.top:3006/api/robot',
        params: {
            spoken: content
        }
      }).then(({ data: res}) => {
        
      console.log(res)
      // 定义 text 就是机器人返回的话
      let text = res.data.info.text
      // 机器人说的话放到ul中展示
      let leftLi = document.createElement('li')
      // 设置内容
      leftLi.className = 'left_word'
      leftLi.innerHTML = `
      <img src="img/person01.png" /> <span>${text}</span>
      `
      // 添加到 ul 中
      ul.appendChild(leftLi)
      // 代码位置一定要注意
      // 封装好的文字转语音函数
      getVoice(text)

      })
    })

    // ajax请求，将机器人的文字转语音，放到函数中完成功能
    // 传参 text(因为 text 是 then 里面的，想跨域使用得传参)
    function getVoice(text) {
        axios({
            url: 'http://www.liulongbin.top:3006/api/synthesize',
            method: 'GET',
            params: {
                text
            }
        }).then(({data: res}) => {
            console.log(res)
            // 将机器人的文字转语音结果(voiceUrl) 赋值给 audio 的 src 属性
            voice.src = res.voiceUrl
        })
    }
  </script>
</body>

</html>

我们发现了一些问题：
在这里插入图片描述
在这里插入图片描述

代码优化

我们对代码进行优化：
优化内容有：

  1. 回车发送消息后自动清空输入栏的内容： 参考博客的微博发布案例

在这里插入图片描述

  1. 消息记录同步适应： 参考博客的scroll家族
    在这里插入图片描述

最终代码：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="stylesheet" href="css/reset.css" />
  <link rel="stylesheet" href="css/main.css" />
  <title>聊天机器人</title>
</head>

<body>
  <div class="wrap">
    <!-- 头部 Header 区域 -->
    <div class="header">
      <h3>小思同学</h3>
      <img src="img/person01.png" alt="icon" />
    </div>
    <!-- 中间 聊天内容区域 -->
    <div class="main">
      <ul class="talk_list" style="top: 0px;" id="talk_list">
        <!-- 机器人 -->
        <li class="left_word">
          <img src="img/person01.png" /> <span>嗨，最近想我没有？</span>
        </li>
        <!-- 我 -->
        <!-- <li class="right_word">
          <img src="img/person02.png" /> <span>嗨，最近想我没有？</span>
        </li> -->
      </ul>
    </div>
    <!-- 底部 消息编辑区域 -->
    <div class="footer">
      <img src="img/person02.png" alt="icon" />
      <input type="text" placeholder="说的什么吧..." class="input_txt" id="ipt" />
      <input type="button" value="发 送" class="input_sub" id="btnSend" />
    </div>
  </div>
  <!-- 导入 axios -->
  <script src="../lib/axios.js"></script>
  <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
  <audio src="" id="voice" autoplay style="display: none;"></audio>
  <script>
    let ipt = document.querySelector('#ipt')
    let btnSend = document.querySelector('#btnSend')
    let ul = document.querySelector('#talk_list')
    let voice = document.querySelector('#voice')

    btnSend.addEventListener('click', function(){

      let content = ipt.value

      // 2.创建li ==> document.creatElement()
      let newLi = document.createElement('li')
      // 3.设置内容 ==> innerHTML
      newLi.className = 'right_word'
      newLi.innerHTML = `
      <img src="img/person02.png" /> <span>${content}</span>
      `
      
      // 4.添加到 ul 中 ==> appendChild
      ul.appendChild(newLi)

      // 发送 ajax 请求获取机器人说的话
      axios({
        method: 'GET',
        url: 'http://www.liulongbin.top:3006/api/robot',
        params: {
            spoken: content
        }
      }).then(({ data: res}) => {
        
      console.log(res)
      // 定义 text 就是机器人返回的话
      let text = res.data.info.text
      // 机器人说的话放到ul中展示
      let leftLi = document.createElement('li')
      // 设置内容
      leftLi.className = 'left_word'
      leftLi.innerHTML = `
      <img src="img/person01.png" /> <span>${text}</span>
      `
      // 添加到 ul 中
      ul.appendChild(leftLi)

      // ul 滚动距离为 ul 的内容高度 ==> 可以实现滚动到底部去
      ul.scrollTop = ul.scrollHeight  
      // 代码位置一定要注意
      // 封装好的文字转语音函数
      getVoice(text)

      })
    })

    // ajax请求，将机器人的文字转语音，放到函数中完成功能
    // 传参 text(因为 text 是 then 里面的，想跨域使用得传参)
    function getVoice(text) {
        axios({
            url: 'http://www.liulongbin.top:3006/api/synthesize',
            method: 'GET',
            params: {
                text
            }
        }).then(({data: res}) => {
            console.log(res)
            // 将机器人的文字转语音结果(voiceUrl) 赋值给 audio 的 src 属性
            voice.src = res.voiceUrl

        })
    }

    // 给输入框添加事件
    ipt.addEventListener('keyup',function(e){
        if(e.key === 'Enter') {
            // 按下回车 对 btnSend 按钮做一次点击
            btnSend.click()
            // 发送完毕后清空我们的输入栏
            ipt.value = ''
        }
    })
  </script>
</body>

</html>

在这里插入图片描述

总结

在这里插入图片描述
axios 的固定语法一定要非常熟练。
如果怕自己忘记，可以经常去中文官网复习。
（中文官网地址：http://www.axios-js.com/）

Rookie_wbe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax 学习之路
weixin_44934478的博客
12-21 451
初识Ajax 基础知识铺垫 Wamp的安装 PHP基本语法 AJAX的使用 同步和异步的理解 数据格式 Ajax的封装 jQuery中使用Ajax 跨域 模板引擎的使用
01_服务器的基本概念与初识Ajax
06-16
01_服务器的基本概念与初识Ajax
一、服务器的基本概念与初始Ajax
Gik99的博客
02-08 136
包含客户端与服务器,URL地址,分析网页的打开过程,服务器对外提供的资源,了解Ajax,JQuery中Ajax,接口,图书管理案例,聊天机器人案例
一、服务器的基本概念与初识Ajax
qq_55891636的博客
11-29 205
Ajax即Asynchronous Javascript And XML（异步JavaScript和XML）
Ajax.Day1.初识Ajax
疯子的梦想@的博客
10-12 151
初识AjaxAjax介绍与网页应用 Ajax介绍与网页应用
AJAX初识Day1——POST & GET请求
Myself's CSDN
07-10 269
AJAX 1. 简介 AJAX（Asynchronous JavaScript and XML ），最早出现在 05 年的 google ，是让浏览器端进行网络编程的技术方法，它使我们可以通过 Javascript 直接获取服务端最新的内容而不必重新加载页面。 涉及到 AJAX 操作的页面不能使用文件协议访问（文件形式访问file:…） 某些情况可以 （少） AJAX 是一套 API 核心提供的类型：XMLHttpRequest 2.快速上手 此图常问(了解) 手写: // 1. 创建一个 X
Ajax 学习 | Day01 服务器的基本概念与初识Ajax（客户端与服务器 、URL地址、分析网页的打开过程、Ajax、 jQuery中的Ajax、接口、案例 - 图书管理、案例 – 聊天机器人）
qq_53306713的博客
11-17 275
服务器的基本概念与初识Ajax
Day20-初识Ajax
weixin_30885111的博客
09-30 66
想要实现的功能：点击提交以后，让数据发到后台进行验证，但是页面不刷新。悄悄提交用Ajax. 那么返回的字符串怎么样展示到前端HTML页面呢？可以在HTML中写个标签，定义一个选择器。 利用$('#id').text=(JSON.parse(data).error) 来赋值进而展示到页面上。 AJAX教程 AJAX = Asynchronous JavaScript ...
day19-初识Ajax
weixin_33998125的博客
03-20 98
一、前言 　　之前我们提交页面的时候，页面会刷新，那当然我们输入正确的信息的情况下，这个没有问题，但是有一点的是，我们就不好去验证了，我们想的是，我们数据提交到后台，然后页面不刷新，然后通过一个回调函数来控制，所以我们今天就学习一下ajax，它是jquery里面封装的，用它必须先导入jquery的类库。它就是悄悄的提交到后台，但是页面不刷新。 二、ajax的语法 $.ajax({ ...
day059-60 ajax初识 登录认证练习 form装饰器, form和ajax上传文件 contentType
weixin_30797027的博客
03-09 138
一.ajax 的特点 　　1.异步交互:客户端发出一个请求后，需要等待服务器响应结束后， 　　　　　　　　才能发出第二个请求 　　2.局部刷新:给用户的感受是在不知不觉中完成请求和响应过程. 二.ajax 模板示例 ($.ajax({}) ) 　　1.urls.py文件中 from django.conf.urls import url from ...
day03-前端(ajax&json).zip
10-07
day03-前端(ajax&json).zip
ajax-day01.rar_ajax_union1de
09-23
这是ajax有关代码，有助于理解ajax，希望能有所帮助，
Ajax 设置Access-Control-Allow-Origin实现跨域访问
10-20
主要介绍了Ajax 设置Access-Control-Allow-Origin实现跨域访问,非常不错，具有参考借鉴价值，需要的朋友可以参考下
动态显示JSP服务器内存的Ajax程序 图像版-systemjc
05-15
动态显示JSP服务器内存的Ajax程序 图像版_systemjc
【问题实操】银河高级服务器操作系统实例分享，某信息系统服务器宕机处理
银河麒麟操作系统的博客
05-17 1002
【问题实操】银河高级服务器操作系统实例分享，某信息系统服务器宕机处理。
Linux repo包安装Nginx
weixin_43485737的博客
05-14 353
一般Nginx默认是安装在/etc/nginx 目录。
服务器CPU满载100%怎么处理
最新发布
m0_70754056的博客
05-17 202
CC是通过IP频繁的发起访问，可以通过命令或在查看日志查看到一些IP，就可以在IIS中设置屏蔽该IP对Web站点的访问，从而缓解CC攻击的压力。随着网络信息化的发展，服务器给企业服务商们带来非常多的便利，但与此同时在服务器的管理和维护上也令众多服务商们头疼不已，尤其当服务器在长时间的运行状态上，卡顿是最常见的问题，CPU满载是卡顿最常见的原因之一，那么遇到服务器CPU满载100%怎么办？2、程序占用导致的CPU满载，可以升级更高的硬件配置来解决，或者也是可以另购一台机器，将业务分摊到两台机器上，进行使用。
【MySQL精通之路】MySQL 8.0中添加、弃用或删除的服务器和状态变量及选项
Anakki的博客
05-16 316
欢迎大家关注专栏或者关注收藏我1.Mysql精通之路专栏: http://t.csdnimg.cn/4Rqp72.大家可以从这篇博客开始读，他是所有博客的根节点：【MySQL精通之路】详读MySQL8.0官方文档-CSDN博客MySQL 8.0中添加了以下系统变量、状态变量和服务器选项。 MySQL 8.0中删除了以下系统变量、状态变量和选项。
ajax设置Access-Control-Allow-Origin
05-16
Ajax（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术，通常用于与服务器进行异步通信。当使用Ajax从一个域向另一个域请求数据时，可能会出现跨域问题，即Access-Control-Allow-Origin（CORS）...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值