AJax技术

转 jquery怎么在header中设置请求信息

字号+ 作者:H5之家 来源:H5之家 2017-03-13 15:03 我要评论( )

转 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);}, 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 2 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head runat="server"> 6 <title></title> 7 <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script> 8 <script type="text/javascript" language="javascript"> 9 $(function() {10 $("#test").click(function() {11 $.ajax({12 type: "GET",13 url: "default.aspx",14 beforeSend: function(request) {15 request.setRequestHeader("Test", "Chenxizhang");16 },17 success: function(result) {18 alert(result);19 }20 });21 });22 });23 </script>24 25 </head>26 <body>27 <form runat="server">28 <div>29 </div>30 <input type="button" value="测试" />31 </form>32 </body>33 </html>$.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) { }});

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 第12章 jQuery Ajax

    第12章 jQuery Ajax

    2017-03-13 15:00

  • jQuery EasyUI API 中文文档 DateTimeBox日期时间框

    jQuery EasyUI API 中文文档 DateTimeBox日期时间框

    2017-03-12 10:02

  • jquery ajax返回值与无返回值问题

    jquery ajax返回值与无返回值问题

    2017-03-09 13:04

  • jQuery程序设计基础教程第10章jQuery与Ajax.ppt 全文免费在线阅

    jQuery程序设计基础教程第10章jQuery与Ajax.ppt 全文免费在线阅

    2017-03-06 11:06

网友点评
m