Maison > interface Web > js tutoriel > Explication détaillée des informations de demande de paramètre jQuery dans l'en-tête

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
1968 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal