jQuery 헤더 에 요청 정 보 를 설정 하 는 방법

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 방법 이 있 습 니 다.이 방법 은 하나의 인 자 를 받 아들 이 는 것 은 비동기 요청 을 하 는 XML HttpRequest 대상 을 대표 합 니 다.우 리 는 이 대상 의 setRequestHeader 방법 으로 우리 의 목적 을 실현 할 수 있 습 니 다.
왜 setRequestHeader 를 사용 합 니까?
예 를 들 어 신속 한 통신 시스템 에서 메 시 지 를 얻 거나 메 시 지 를 보 낼 때마다 이 사용자 가 아직도 연결 되 어 있 는 지 판단 하고'access Token'을 설정 하면 정상 적 인 통신 을 실현 할 수 있다.

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">
  <div id="v">
  </div>
  <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 속성 을 사용자 정의 키 로 설정 할 수 있 습 니 다.

$.ajax({
  accepts: {
    xxx: "application/xxx"
  },
  dataType: "xxx",
  type: "get",
  success: function (data) {
  }
});
물론 headers 속성 을 직접 설정 하고 Accept 의 내용 이 무엇 인지 직접 쓸 수 있다.

$.ajax({
  headers: {
    Accept: "application/json; charset=utf-8"
  },
  type: "get",
  success: function (data) {
  }
});
위 에서 말 한 것 은 편집장 이 소개 한 jQuery 가 header 에 요청 정 보 를 설정 하 는 방법 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 메 시 지 를 남 겨 주세요.편집장 은 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기