헤더의 jQuery 설정 요청 정보에 대한 자세한 설명-JS 튜토리얼-php.cn

헤더의 jQuery 설정 요청 정보에 대한 자세한 설명

小云云

풀어 주다： 2018-01-23 13:51:55

원래의

1904명이 탐색했습니다.

이 글은 헤더에 요청 정보를 jQuery로 설정하는 방법을 주로 소개하고 있습니다. 매우 훌륭하고 참고할 만한 내용이 있으니, 모두에게 도움이 되었으면 좋겠습니다.

jquery는 js의 클래스 라이브러리입니다. js는 브라우저가 페이지를 로드할 때만 실행을 시작하므로 헤더는 서버 측에서 수행되어야 합니다.

Ajax라면 헤더를 설정할 수 있습니다

$.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가 필요한 이유는 무엇입니까?

예를 들어 실시간 통신 시스템에서는 메시지를 받거나 보낼 때마다 사용자가 여전히 연결되어 있는지 확인해야 합니다. "accessToken"을 설정하면 정상적인 통신이 가능합니다. jQuery.ajax( ) Headers에 Accept 내용을 설정하는 방법

사실 매우 간단합니다. 먼저, 일반적인 타입이라면 dataType 속성을 직접 설정해 주세요

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>

로그인 후 복사

dataType을 설정한 후 accepts로 이동합니다. 속성(이 속성은 일부 공통 유형을 사전 설정함)을 직접 해당 유형을 가져와 Accept에 추가합니다.

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

jQuery에 없는 Accept 콘텐츠를 맞춤설정하려면 accepts 속성을 수동으로 설정하고 키-값 쌍 저장소를 사용한 다음 dataType을 설정하면 됩니다.

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

로그인 후 복사

물론, headers 속성을 직접 설정하고 Accept 내용을 직접 작성할 수도 있습니다.

$.ajax({
  accepts: {
    xxx: "application/xxx"
  },
  dataType: "xxx",
  type: "get",
  success: function (data) {
  }
});

로그인 후 복사

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

헤더의 jQuery 설정 요청 정보에 대한 자세한 설명