Ajax 與 Axios 非同步請求

来源:https://www.cnblogs.com/cs-songbai/p/18102073
-Advertisement-
Play Games

Ajax 與 Axios 非同步請求 一、伺服器對外提供了哪些資源 1. 網頁中如何請求數據 數據，也是伺服器對外提供的一種資源。只要是資源，必然要通過 請求 – 處理 – 響應 的方式進行獲取。如果要在網頁中請求伺服器上的數據資源，則需要用到 XMLHttpRequest 對象。XMLHttpReq ...


Ajax 與 Axios 非同步請求

一、伺服器對外提供了哪些資源

1. 網頁中如何請求數據

	數據，也是伺服器對外提供的一種資源。只要是資源，必然要通過 請求 – 處理 – 響應 的方式進行獲取。如果要在網頁中請求伺服器上的數據資源，則需要用到 XMLHttpRequest 對象。XMLHttpRequest（簡稱 xhr）是瀏覽器提供的 js 成員，通過它，可以請求伺服器上的數據資源。最簡單的用法 var xhrObj = new XMLHttpRequest()

2. 資源的請求方式

客戶端請求伺服器時，請求的方式有很多種，最常見的兩種請求方式分別為 get 和 post 請求。

  • get 請求通常用於獲取服務端資源（向伺服器要資源）

    例如：根據 URL 地址，從伺服器獲取 HTML 文件、css 文件、js文件、圖片文件、數據資源等

  • post 請求通常用於向伺服器提交數據（往伺服器發送資源）

    例如：登錄時向伺服器提交的登錄信息、註冊時向伺服器提交的註冊信息、添加用戶時向伺服器提交的用戶信息等各種數據提交操作

二、Ajax 非同步請求

1. 什麼是Ajax

	Ajax 的全稱是 Asynchronous Javascript And XML（非同步 JavaScript 和 XML）。通俗的理解：在網頁中利用 XMLHttpRequest 對象和伺服器進行數據交互的方式，就是Ajax。
	瀏覽器中提供的 XMLHttpRequest 用法比較複雜，所以 jQuery 對 XMLHttpRequest 進行了封裝，提供了一系列 Ajax 相關的函數，極大地降低了 Ajax 的使用難度

2. 為什麼要學Ajax

	之前所學的技術，只能把網頁做的更美觀漂亮，或添加一些動畫效果，但是，Ajax能讓我們輕鬆實現網頁與伺服器之間的數據交互。

3. Ajax的典型應用場景

  • 用戶名檢測：註冊用戶時，通過 ajax 的形式，動態檢測用戶名是否被占用
  • 搜索提示：當輸入搜索關鍵字時，通過 ajax 的形式，動態載入搜索提示列表
  • 數據分頁顯示：當點擊頁碼值的時候，通過 ajax 的形式，根據頁碼值動態刷新表格的數據
  • 數據的增刪改查：數據的添加、刪除、修改、查詢操作，都需要通過 ajax 的形式，來實現數據的交互

4. Ajax 的應用

  • jQuery 中發起 Ajax 請求最常用的三個方法
    // get請求
$.get()
// post請求
$.post()
// 通用請求
$.ajax()
  • $.get()函數的語法
    jQuery 中 $.get() 函數的功能單一，專門用來發起 get 請求，從而將伺服器上的資源請求到客戶端來進行使用。$.get() 函數的語法如下：

    • $.get() 函數的語法如下：

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

    • 其中，三個參數各自代表的含義如下：

      參數名 參數類型 是否必選 說明
      url string 是 要請求的資源地址
      data object 否 請求資源期間要攜帶的參數
      callback function 否 請求成功時的回調函數

    • $.get()發起不帶參數的請求

      // 使用 $.get() 函數發起不帶參數的請求時，直接提供請求的 URL 地址和請求成功之後的回調函數即可：
$.get("http://ajax-base-api-t.itheima.net/api/getbooks", function(res) {
    console.log(res) // 這裡的 res 是伺服器返回的數據
})

    • $.get()發起帶參數的請求

      // 使用 $.get() 函數發起帶參數的請求時，示例代碼如下：
$.get("http://ajax-base-api-t.itheima.net/api/getbooks", { id: 1 }, function(res) {
  console.log(res)
})
  • $.post()函數的語法
    jQuery 中 $.post() 函數的功能單一，專門用來發起 post 請求，從而向伺服器提交數據。

    • $.post() 函數的語法如下：

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

    • 其中，三個參數各自代表的含義如下：

      參數名 參數類型 是否必選 說明
      url string 是 提交數據的地址
      data object 否 要提交的數據
      callback function 否 數據提交成功時的回調函數

    • $.post()向伺服器提交數據

      // 使用 $post() 向伺服器提交數據的示例代碼如下：
$.post(
   "http://ajax-base-api-t.itheima.net/api/addbook", // 請求的URL地址
   { bookname: '水滸傳', author: '施耐庵', publisher: '上海圖書出版社' }, // 提交的數據
   function(res) { // 回調函數
      console.log(res)
   }
)
  • $.ajax()函數的語法
    相比於 $.get() 和 $.post() 函數，jQuery 中提供的 $.ajax() 函數，是一個功能比較綜合的函數，它允許我們對 Ajax 請求進行更詳細的配置。

    • $.ajax() 函數的基本語法如下：

      $.ajax({
   type: '', // 請求的方式，例如 GET 或 POST
   url: '',  // 請求的 URL 地址
   data: { },// 這次請求要攜帶的數據
   success: function(res) { } // 請求成功之後的回調函數
})

    • 使用$.ajax()發起GET請求

      // 使用 $.ajax() 發起 GET 請求時，只需要將 type 屬性的值設置為 'GET' 即可：
$.ajax({
   type: 'GET', // 請求的方式
   url: "http://ajax-base-api-t.itheima.net/api/getbooks",  // 請求的 URL 地址
   data: { id: 1 },// 這次請求要攜帶的數據
   success: function(res) { // 請求成功之後的回調函數
       console.log(res)
   }
})

      • GET請求實戰案例前後端交互

        • 前端代碼

          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加法運算</title>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
    <div>
        <h3>ajax GET請求頁面</h3>
        <input type="text"> +
        <input type="text"> =
        <input type="text">
        <input type="button" value="計算">
    </div>
    <script>
        let nums = $("input[type='text']");
        let btn = $("input[type='button']");

        btn.click(function (){
            // 發起get請求: http://127.0.0.1:8888/calc?num1=1.3&num2=3.6
            $.ajax({
                url:"/calc",
                type:"get",
                dataType:"json",
                data:{
                    "num1": Number(nums.eq(0).val()),
                    "num2": Number(nums.eq(1).val())
                },
                success:function (response) {
                    console.log("響應數據:",response);
                    console.log("響應數據類型:",typeof(response));
                    nums.eq(2).val(response["result"]);
                },
                error:function (error) {
                    console.log(error.readyState);
                    console.log(error.status);
                    console.log(error.statusText);
                    console.log(error.responseText);
                }
            })
        })
    </script>
</body>
</html>

        • 後端代碼

          import tornado.web
import tornado.ioloop


class MainHandler(tornado.web.RequestHandler):

    def get(self):
        self.render("calc_get.html")


class ReferHandler(tornado.web.RequestHandler):
    def get(self):
        # print("請求頭信息\n:", self.request.headers)
        print("請求url: ", self.request.full_url())
        # 獲取原始查詢參數和請求體參數
        print("查詢參數:", self.request.arguments)
        print("請求體參數:", self.request.body)

        # 框架解析之後的數據, 如果原始查詢參數無數據則報錯
        num1 = self.get_argument("num1")
        num2 = self.get_argument("num2")
        # 通過url以鍵值對形式傳參解析出來的數據均為字元串格式
        print("接收的查詢參數num1類型為", type(num1))
        print("接收的查詢參數num1, num2值為", num1, num2)
        result = round(float(num1) + float(num2), 4)

        # .write會檢測參數，將字典轉為json數據以後返回
        self.write({"result": result})


if __name__ == '__main__':
    app = tornado.web.Application([
        ("/", MainHandler),
        ("/calc", ReferHandler),
    ])

    app.listen(8888)
    tornado.ioloop.IOLoop.current().start()

    • 使用$.ajax()發起POST請求

      // 使用 $.ajax() 發起 POST 請求時，只需要將 type 屬性的值設置為 'POST' 即可：
$.ajax({
   type: 'POST', // 請求的方式
   url: "http://ajax-base-api-t.itheima.net/api/addbook",  // 請求的 URL 地址
   data: { // 要提交給伺服器的數據
      bookname: '水滸傳',
      author: '施耐庵',
      publisher: '上海圖書出版社'
    },
   success: function(res) { // 請求成功之後的回調函數
       console.log(res)
   }
})

      • POST請求實戰案例前後端交互

        • 前端代碼

          <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加法運算</title>
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
</head>
<body>
    <div>
        <h3>ajax POST請求頁面</h3>
        <input type="text"> +
        <input type="text"> =
        <input type="text">
        <input type="button" value="計算">
    </div>
    <script>
        let nums = $("input[type='text']");
        let btn = $("input[type='button']");

        btn.click(function (){
            // 發起post請求: http://127.0.0.1:8888
            $.ajax({
                url:"/",
                type:"post",
                // post請求一般會指定發送給伺服器的數據格式
                contentType:"application/json",
                dataType:"json",
                // 將數據轉換為json格式發送
                data:JSON.stringify({
                    "num1": Number(nums.eq(0).val()),
                    "num2": Number(nums.eq(1).val())
                }),
                success:function (response) {
                    console.log("響應數據:",response);
                    console.log("響應數據類型:",typeof(response));
                    nums.eq(2).val(response["result"]);
                },
                error:function (error) {
                    console.log(error.readyState);
                    console.log(error.status);
                    console.log(error.statusText);
                    console.log(error.responseText);
                }
            })
        })
    </script>
</body>
</html>

        • 後端代碼

          import json

import tornado.web
import tornado.ioloop


class MainHandler(tornado.web.RequestHandler):

    def get(self):
        self.render("calc_post.html")

    def post(self):
        # print("請求頭信息\n:", self.request.headers)
        print("請求url: ", self.request.full_url())
        # 獲取原始查詢參數和請求體參數
        print("查詢參數:", self.request.arguments)
        print("請求體參數:", self.request.body)

        # 框架解析之後的數據
        data = json.loads(self.request.body)
        num1 = data["num1"]
        num2 = data["num2"]
        print("接收的請求體參數num1類型為", type(num1))
        print("接收的請求體參數num1, num2值為", num1, num2)
        result = round(num1 + num2, 4)

        # .write會檢測參數，將字典轉為json數據以後返回
        self.write({"result": result})


if __name__ == '__main__':
    app = tornado.web.Application([
        ("/", MainHandler),
    ])

    app.listen(8888)
    tornado.ioloop.IOLoop.current().start()

    • ajax非同步請求參數說明

      【contentType】: 發送給伺服器的數據格式; 可選4種格式:
    1> application/x-www-form-urlencoded: 預設方式,在請求發送過程中會對數據進行序列化處理，以鍵值對形式 ?key1=value1&key2=value的方式發送到伺服器
    2> multipart/form-data: 需要在表單中進行文件上傳時，就需要使用該格式
    3> application/json: 消息主體是序列化後的 JSON 字元串
    4> text/plain: 數據以純文本形式(text/json/xml/html)進行編碼，其中不含任何控制項或格式字元

    eg:
        contentType:"application/json",

【dataType】: 用什麼格式解析服務端響應的數據(並非是原生ajax的屬性),有些框架(比如jquery)預設(未填寫dataType或解析錯誤的情況下)讀取服務端的響應頭Content-Type
    1> text：預設值。預期數據為純文本字元串。
    2> html：預期數據為html格式的字元串。
    3> json：預期數據為JSON格式的對象或數組。
    4> xml：預期數據為XML文檔類型的數據。

    說明： 指定dataType參數後，如果返回的數據類型與預期不符合，則ajax請求會失敗，並觸發error回調函數。因此，正確指定dataType參數對於確保ajax請求的數據類型是非常重要的。

【jquery ajax 出錯信息解讀-error屬性值】
    1> readyState :當前狀態,0-未初始化，1-正在載入，2-已經載入，3-數據進行交互，4-完成。
    2> status ：返回的HTTP狀態碼，比如常見的404,500等錯誤代碼。
    3> statusText ：對應狀態碼的錯誤信息，比如404錯誤信息是not found,500是Internal Server Error。
    4> responseText ：伺服器響應返回的文本信息

三、 Axios 非同步請求

1. 什麼是axios

Axios 是基於Promise的HTTP客戶端作用於瀏覽器和node.js,專註於網路數據請求的庫。相比於原生的 XMLHttpRequest 對象，axios 簡單易用。相比於 jQuery，axios 更加輕量化，只專註於網路數據請求。

2. axios 的應用

  • axios 發起GET請求

    • axios 發起 get 請求的語法：

      axios.get('url', { params: { /*參數*/ } }).then(callback)

    • 具體的請求示例如下：

       // 請求的 URL 地址
 var url = 'http://ajax-base-api-t.itheima.net/api/get'
 // 請求的參數對象
 var paramsObj = { name: 'zs', age: 20 }
 // 調用 axios.get() 發起 GET 請求
 axios.get(url, { params: paramsObj }).then(function(res) {
     // res.data 是伺服器返回的數據
     var result = res.data
     console.log(res)
 })
  • axios發起POST請求

    • axios 發起 post 請求的語法：

      axios.post('url', { /*參數*/ }).then(callback)

    • 具體的請求示例如下：

       // 請求的 URL 地址
 var url = 'http://ajax-base-api-t.itheima.net/api/post'
 // 要提交到伺服器的數據
 var dataObj = { location: '北京', address: '順義' }
 // 調用 axios.post() 發起 POST 請求
 axios.post(url, dataObj).then(function(res) {
     // res.data 是伺服器返回的數據
     var result = res.data
     console.log(result)
 })
  • 直接使用axios發起請求

    • 直接使用axios發起請求 ,axios 也提供了類似於jQuery中 $.ajax() 的函數，語法如下：

       axios({
     method: '請求類型',
     url: '請求的URL地址',
     data: { /* POST數據 */ },
     params: { /* GET參數 */ }
 }) .then(callback)

    • 直接使用axios發起GET請求

         
 axios({
     method: 'GET',
     url: 'http://www.liulongbin.top:3006/api/get',
     params: { // GET 參數要通過 params 屬性提供
         name: 'zs',
         age: 20
     }
 }).then(function(res) {
     console.log(res.data)
 })

    • 直接使用axios發起POST請求

      axios({
     method: 'POST',
     url: 'http://www.liulongbin.top:3006/api/post',
     data: { // POST 數據要通過 data 屬性提供
         bookname: '程式員的自我修養',
         price: 666
     }
 }).then(function(res) {
     console.log(res.data)
 })

四、 介面

  • 介面的概念

    使用 Ajax 請求數據時，被請求的 URL 地址，就叫做數據介面（簡稱介面）。同時，每個介面必須有請求方式。

例如：
	http://ajax-base-api-t.itheima.net/api/getbooks  獲取圖書列表的介面(GET請求)
	http://ajax-base-api-t.itheima.net/api/addbook   添加圖書的介面（POST請求）

  • 介面的請求過程

  • 介面文檔

    • 什麼是介面文檔

      介面文檔，顧名思義就是介面的說明文檔，它是我們調用介面的依據。好的介面文檔包含了對介面URL，參數以及輸出內容的說明，我們參照介面文檔就能方便的知道介面的作用，以及介面如何進行調用。

    • 介面文檔的組成部分

      介面文檔可以包含很多信息，也可以按需進行精簡，不過，一個合格的介面文檔，應該包含以下6項內容，從而為介面的調用提供依據：
      • 介面名稱：用來標識各個介面的簡單說明，如登錄介面，獲取圖書列表介面等。
      • 介面URL：介面的調用地址
      • 調用方式：介面的調用方式，如 GET 或 POST
      • 參數格式：介面需要傳遞的參數，每個參數必須包含參數名稱、參數類型、是否必選、參數說明這4項內容
      • 響應格式：介面的返回值的詳細描述，一般包含數據名稱、數據類型、說明3項內容。
      • 返回示例（可選）：通過對象的形式，例舉伺服器返回數據的結構。

    • 介面文檔示例

      • 圖書列表

        • 介面URL： /api/getbooks

        • 調用方式： GET

        • 參數格式 - PTND：

          參數名稱(params) 參數類型（type） 是否必選（necessary） 參數說明（description）
          id Number 否 圖書Id
          bookname String 否 圖書名稱
          author String 否 作者
          publisher String 否 出版社

        • 響應格式 - PTD：

          數據名稱 數據類型 說明
          status Number 200 成功；500 失敗；
          msg String 對 status 欄位的詳細說明
          data Array 圖書列表
          +id Number 圖書Id
          +bookname String 圖書名稱
          +author String 作者
          +publisher String 出版社

        • 返回示例：

          {
  "status": 200,
  "msg": "獲取圖書列表成功",
  "data": [
    { "id": 1, "bookname": "西游記", "author": "吳承恩", "publisher": "北京圖書出版社" },
    { "id": 2, "bookname": "紅樓夢", "author": "曹雪芹", "publisher": "上海圖書出版社" },
    { "id": 3, "bookname": "三國演義", "author": "羅貫中", "publisher": "北京圖書出版社" }
  ]
}

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • DOM 節點遍歷：掌握遍歷 XML文檔結構和內容的技巧
    遍歷是指通過或遍歷節點樹 遍歷節點樹 通常，您想要迴圈一個 XML 文檔，例如：當您想要提取每個元素的值時。 這被稱為"遍歷節點樹"。 下麵的示例迴圈遍歷所有 <book> 的子節點，並顯示它們的名稱和值： <!DOCTYPE html> <html> <body> <p id="demo"></p ...
  • 普通函數與箭頭函數的區別
    一、是什麼 HTTP頭欄位（HTTP header fields）,是指在超文本傳輸協議（HTTP）的請求和響應消息中的消息頭部分 它們定義了一個超文本傳輸協議事務中的操作參數 HTTP頭部欄位可以自己根據需要定義，因此可能在 Web伺服器和瀏覽器上發現非標準的頭欄位 下麵是一個HTTP請求的請求頭 ...
  • DOM（文檔對象模型）：理解網頁結構與內容操作的關鍵技術
    DOM（文檔對象模型）定義了一種訪問和操作文檔的標準。它是一個平臺和語言無關的介面，允許程式和腳本動態訪問和更新文檔的內容、結構和樣式。HTML DOM用於操作HTML文檔，而XML DOM用於操作XML文檔。 HTML DOM示例 通過ID獲取並修改HTML元素的值： <!DOCTYPE html ...
  • 說說HTTP 常見的狀態碼有哪些，適用場景？
    一、是什麼 HTTP狀態碼（英語：HTTP Status Code），用以表示網頁伺服器超文本傳輸協議響應狀態的3位數字代碼 它由 RFC 2616規範定義的，並得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774與 RFC 4918等規範擴展 簡單來講，http狀態碼的作用 ...
  • Vue組件封裝：基於Vue3+wangeditor富文本組件二次封裝
    1.簡介 開源 Web 富文本編輯器，開箱即用，配置簡單。一個產品的價值，就在於解決用戶的問題，提高效率、降低成本、增加穩定性和擴展性。wangEditor 不是為了做而做，也不是單純的模仿誰，而是經過上述問題分析之後，給出一個系統的解決方案。旨在真正去解決用戶的問題，產出自己的價值。更多資料見官網 ...
  • React組件封裝：文字、表情評論框
    1.需求描述 根據項目需求，採用Antd組件庫需要封裝一個評論框，具有以下功能： 支持文字輸入 支持常用表情包選擇 支持發佈評論 支持自定義表情包 2.封裝代碼 ./InputComment.tsx 1 import React, { useState, useRef, useEffect, for ...
  • Ant Design Vue Tree 選中子節點同時半選中父級節點
    需要實現的效果： 1、子菜單如果不是全部選中，一級菜單半選。 2、子菜單全選，一級菜單選中。 3、一級菜單選擇，二級菜單全選。 4、沒有二級菜單，則只控制一級菜單。 主要用到的屬性是checked和halfCheckedKeys，通過手動控制那些菜單選中，那些半選中實現功能。 **頁面截圖： ** ...
  • 說說 HTTP1.0/1.1/2.0 的區別?
    一、HTTP1.0 HTTP協議的第二個版本，第一個在通訊中指定版本號的HTTP協議版本 HTTP 1.0 瀏覽器與伺服器只保持短暫的連接，每次請求都需要與伺服器建立一個TCP連接 伺服器完成請求處理後立即斷開TCP連接，伺服器不跟蹤每個客戶也不記錄過去的請求 簡單來講，每次與伺服器交互，都需要新開 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類