IE9的F12工具,"网络"页签，点击"开始捕获"之后,请求显示的状态是"挂起"的分析和解决

最新推荐文章于 2022-07-07 11:00:35 发布

aitangyong

最新推荐文章于 2022-07-07 11:00:35 发布

阅读量1.3w

点赞数

分类专栏： HTML/CSS/JS 文章标签：服务端能够收到请求但是接受不到参数 js发出了post请求但是没有发送参数也

本文链接：https://blog.csdn.net/aitangyong/article/details/16879089

版权

HTML/CSS/JS 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

最近一个项目，客户端使用用jquery编写ajax请求，服务端采用struts2框架。JS发送请求和action处理请求过程中，遇到一个问题。刚开始觉得问题很诡异，仔细定位很久之后才发现问题，虽然问题解决了，但更深层次的原因还不清楚，欢迎大牛们指导。

1.问题现象

客户端问题

通过IE9下的开发人员工具F12发现，浏览器的确是发送了post请求，但是该请求“结果”栏显示的是“已终止”，“发起程序”值是“已挂起”。请求头、请求体、响应头、响应体都是空的。也就说浏览器发送了1个异常的请求。

服务端问题

Struts2的action能够接受到post的请求，但是获取不到请求参数的值。

2.相关JS代码

function sendMessage()   
{  
  $.post("indvAction!sendShortMsg.action", {  
     "configType" : "1"  
  });  
}  
   
//弹出确认对话框  
Nf.promptConfirm({  
                  message :”operation success”,
				  width : 300,
				  height : 150, 
				  handler : function(btn)
							{
								if (btn == "ok") 
								{  
									//向服务器发送ajax请求  
									sendMessage()
									//关闭当前页面  
									NfLayout.closeTab();  
								}  
							
							}

                  });

3.定位过程

刚开始使用F12没有得到与定位问题有关的信息。后面使用httpWatch或burp suite进行http抓包，查看原始的http请求和响应报文。结果发现了问题。

1、浏览器发出的请求报文中，的确没有传递configType字段的值。请求报文如下：

POST /mobile/jsp/indvconfig/indvAction!sendShortMsg.action HTTP/1.1
x-requested-with: XMLHttpRequest
Accept-Language: zh-CN,en;q=0.5
Referer: https://*.*.*.*:17243/mobile/jsp/indvconfig/indv_config.jsp
Accept: */*
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
Host: 11.12.213.87:17243
Content-Length: 0
Connection: Keep-Alive
Cache-Control: no-cache
Cookie: JSESSIONID=62C9FF9CBC97731B120ABAC297C4E4C5

2、浏览器的确收到了服务器的响应报文。

HTTP/1.1 200 OK
Server: Apache-Coyote/1.1
Content-Type: text/plain;charset=UTF-8
Vary: Accept-Encoding
Date: Fri, 22 Nov 2013 01:34:31 GMT
Content-Length: 6

this is my response!

其实一切都很正常了，浏览器确实发送了HTTP请求，只不过是没有携带请求参数值，只不过是被IE9的展示方式欺骗了，所以刚开始定位很久都没有头绪。现在产生了如下问题：为什么浏览器发送了ajax请求，但是没有携带请求参数？为什么IE9显示请求是“已挂起”、“已终止”？

4.问题解决

去掉NfLayout.closeTab();这行代码就可以解决问题了。这是因为jquery的POST请求是异步的，当post请求还没有准备好数据的时候，这个时候执行了NfLayout.closeTab();当前页面关闭，导致了浏览器终止了http请求。这样的话就，相当于是请求被异常终止，于是IE9显示请求“已挂起”、“已终止”。具体深层次的原因不清楚，下面是个人一些猜想和解释：

1、 JS代码只有加载才会被执行，而触发js加载的正是html/jsp页面的显示。所以，我觉得Html/jsp就是js的执行环境。如果js还没有执行完，页面关闭的话，后续js代不会再执行。测试代码如下：

<head>
 <script type='text/javascript'>
 function test()
 {
  alert(1111);
  window.opener = "";
  window.open("","_self");
  window.close();
  alert("我不会在执行了，因为页面已经关闭。");
  //setTimeout('callBack( )', 3000)
 }
 </script>
</head>
<body>
 <input id="button_-12你" type="button" value="testRight" οnclick="test();">
</body>

个人感觉，可能是jquery拼post的请求体，会相对比较耗时，还没有执行完毕。此时页面关闭，JS终止了执行，浏览器发送了1个不完全的HTTP请求(没有附上请求体)。这是个人的猜测，大家有自己见解的，欢迎指教。基于这个结论，我们将POST请求，改成Get请求，虽然IE9显示的还是请求终止，但是服务端能够收到请求的参数值了。