首頁 > web前端 > js教程 > 主體

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

小云云
發布: 2018-01-23 13:51:55
原創
1960 人瀏覽過

本文主要介紹了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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板