ajax请求不等服务器返回直接进入error

最新推荐文章于 2025-05-08 10:30:00 发布

subuser

最新推荐文章于 2025-05-08 10:30:00 发布

阅读量1w

点赞数

CC 4.0 BY-SA版权

分类专栏： html5 js 文章标签： jquery ajax

本文链接：https://blog.youkuaiyun.com/subuser/article/details/46973463

js 同时被 2 个专栏收录

6 篇文章

订阅专栏

html5

0 篇文章

订阅专栏

本文描述了一个Ajax请求在服务器未完成响应时直接进入error的情况。问题出现在使用a标签并触发onclick事件时，若href未设置为'#'，会导致请求异常。通过将a标签的href属性设为'#'，问题得到解决。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function publishTopic(){
	var subjectId = $("#subjectId").attr("value");
	var topicContent = $("#topicContent").val();
	if (topicContent==null || typeof(topicContent)=="undefined" || topicContent==""){
		alert("评论内容不能为空！！！");
	}
	
	$.ajax({
		  url: "/topic/publishTopic.action",
	      type: "POST",
	      data: "topicAbstractInfoVO.belongSubjectId="+subjectId+"&r="+ (new Date()).getTime(),
	      dataType: "json",
	      async:true,
	      success: function(reMsg){
	    	  alert(reMsg);
	    	  console.log("111"+reMsg);
	    	  var a=0
	    	  var b=1;
	    	  b=a+b;
	    	  alert("111111111");
	    	  /*if(reMsg.success==true){
	    		  window.location.href = "/index.action?topicAbstractInfoVO.belongSubjectId="+subjectId+"&r=" + (new Date()).getTime();
	    	  }else{
	    		 var msg = reMsg.msg;
	    	  	 alert(msg);
	    	  }*/
	    	 
	      },
	      error:function(reMsg){
	    	  alert(reMsg);
	    	  console.log("222"+reMsg);
	    	  var a=0
	    	  var b=1;
	    	  b=a+b;
	    	  alert("22222222222");
	    	 // alert("链接服务器异常！！！");
	      }
		 });
	
}

ajax请求方法如上所示。

1. 出现的问题：

当发起请求以后，服务器端还没有执行完毕，前台js就进入到error的处理程序，弹出222222222的对话框。

2. 查找问题：

2.1 检查ajax语法、struts配置、action处理逻辑，都没有发现问题。

（1）ajax语法： success、error配置没有问题；url、date参数没有问题；type为json也没有问题

（2）struts配置返回的类型为json的格式，同样的配置和其他正常的配置一样，没有发现问题

（3）action返回值为亦为json序列化的数据，符合json协议的规范

2.2 检查页面元素：

（1）页面元素内容：<a href="" class="n-right" onclick="publishTopic();">发布</a>

（2）之前调试时，发现如果使用a标签，链接跳转会有问题，不是不跳转就是只在本页蹦跶

（3）将a标签的href属性设置为“#”，试下下，竟然正常了