Explication détaillée des informations de demande de paramètre jQuery dans l'en-tête-js tutoriel-php.cn

Explication détaillée des informations de demande de paramètre jQuery dans l'en-tête

小云云

Libérer： 2018-01-23 13:51:55

original

1946 Les gens l'ont consulté

Cet article présente principalement la méthode de définition des informations de demande jQuery dans l'en-tête. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer.

jquery est une bibliothèque de classes de js. js lui-même ne peut pas exploiter l'en-tête, car js ne commence à s'exécuter que lorsque le navigateur charge la page.

S'il s'agit d'ajax, vous pouvez définir l'en-tête

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

Copier après la connexion

c'est-à-dire la fonction setRequestHeader

Comment définir un RequestHeader spécial dans une requête ajax

Maintenant ajax L'application est assez étendue et il existe de nombreux bons frameworks ajax disponibles. Ajax est une requête asynchrone et il s'agit principalement d'un comportement de script côté client. Alors, comment ajouter des informations d'en-tête spéciales à la requête avant la requête ?

Ce qui suit est un exemple simple. Je l'ai écrit dans jQuery. Dans sa fonction ajax, il existe une méthode beforeSend. Cette méthode accepte un paramètre, qui représente l'objet XMLHttpRequest qui initie la requête asynchrone. cet objet La méthode setRequestHeader atteint notre objectif

Pourquoi setRequestHeader ?

Par exemple, dans un système de communication en temps réel, chaque fois que vous recevez ou envoyez un message, vous devez déterminer si l'utilisateur est toujours connecté En définissant "accessToken", une communication normale peut être obtenue. ;

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>

Copier après la connexion

jQuery.ajax() Comment définir le contenu Accepter dans les en-têtes

C'est en fait très simple. Tout d'abord, s'il s'agit d'un type courant, veuillez définir le. Attribut dataType directement

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

Copier après la connexion

Après avoir défini le dataType, vous accéderez à l'attribut accepts (cet attribut prédéfinira certains types courants) et ajouterez directement le type correspondant à Accept.

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

Si vous souhaitez personnaliser le contenu Accepter qui n'est pas disponible dans jQuery, vous pouvez définir manuellement l'attribut accepte, utilisez la clé- stockage de la paire de valeurs, puis définissez l'attribut dataType sur la clé que vous venez de personnaliser. Bien sûr, vous pouvez également définir directement l'attribut headers et écrire directement le contenu d'Accepter

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

Copier après la connexion

Recommandations associées :

$.ajax({
  headers: {
    Accept: "application/json; charset=utf-8"
  },
  type: "get",
  success: function (data) {
  }
});

Copier après la connexion

Comment supprimer les informations de référence dans l'en-tête

php Obtenir les cookies du tutoriel Header_PHP

php via l'en-tête Explication détaillée de l'envoi de données personnalisées

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Explication détaillée des informations de demande de paramètre jQuery dans l'en-tête