jQuery在header中設定請求資訊實例詳解-js教程-PHP中文網

jQuery在header中設定請求資訊實例詳解

小云云

發布： 2018-01-23 13:51:55

原創

1904 人瀏覽過

本文主要介紹了jQuery在header中設定請求資訊的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下，希望能幫助到大家。

jquery是js的類別庫，js本身不能操作header，因為js是在瀏覽器載入頁面過程中才開始執行的header需要伺服器端執行操作。

如果是ajax，是可以設定header

$.ajax({
  url: "",
  data: {},
  type: "GET",
  beforeSend: function(xhr){xhr.setRequestHeader('X-Test-Header', 'test-value');},//这里设置header
  success: function() {}
});

登入後複製

也就是setRequestHeader函數

如何在ajax請求中設定特殊的RequestHeader

現在ajax應用程式已經相當廣泛了，有很多不錯的ajax框架可供使用。 ajax是一個非同步請求，也主要是一種客戶端的腳本行為。那麼，如何在請求之前為請求添加特殊的一些頭部資訊呢？

下面是一個簡單的例子，我用jQuery編寫，它的ajax函數中，有一個beforeSend方法，這個方法接受一個參數，就代表了發起異步請求的XMLHttpRequest對象，我們可以用該對象的setRequestHeader方法實作我們的目的

為什麼要setRequestHeader？

例如，在及時通訊系統中，每次獲取訊息或發送訊息，都需要去判斷這個用戶是否還在連線中，透過設定"accessToken"，就可以實現正常通訊；

beforeSend: function(request) {
   request.setRequestHeader("accessToken", accessToken);
},
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>
  <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
  <script type="text/javascript" language="javascript">
    $(function() {
      $("#test").click(function() {
        $.ajax({
          type: "GET",
          url: "default.aspx",
          beforeSend: function(request) {
            request.setRequestHeader("Test", "Chenxizhang");
          },
          success: function(result) {
            alert(result);
          }
        });
      });
    });
  </script>
</head>
<body>
  <form id="form1" runat="server">
  <p id="v">
  </p>
  <input type="button" value="测试" id="test" />
  </form>
</body>
</html>

登入後複製

jQuery.ajax() 如何設定Headers 中的Accept 內容

其實很簡單，首先如果是常見類型，請直接設定dataType 屬性

$.ajax({
  dataType: "json",
  type: "get",
  success: function (data) {
  }
});

登入後複製

設定dataType後，會去accepts 屬性（此屬性會預置一些常用型別）中直接拿對應的型別加入Accept 中。

)%X02M](8[BKGW21{EY{0GD

#如果想自己自訂jQuery 中沒有的Accept 內容，可以手動設定accepts 屬性，使用鍵值對存儲，然後再設定dataType 屬性為剛剛自訂的鍵。

##如何去掉header中的referer訊息

php 從Header中取得cookie_PHP教學

php透過header傳送自訂數據詳解

以上是jQuery在header中設定請求資訊實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

jQuery在header中設定請求資訊實例詳解