ajax异步刷新，通过js取值一直为空

最新推荐文章于 2023-02-01 22:08:44 发布

fyj_style

最新推荐文章于 2023-02-01 22:08:44 发布

阅读量884

点赞数 2

分类专栏： js jsp ajax 文章标签：异步 ajax js document.getElementB js取值为空

本文链接：https://blog.csdn.net/it_noob/article/details/38057603

版权

js jsp ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

呵呵，第一次写博客有点紧张，当然也有些地方表达不清楚，请原谅，当然本人现在才大二，也刚在公司实习，所以表达，或者见解，或者能力有限，所以请大家原谅。

现在来说问题吧

<%@ page language="java" import="java.util.*,java.text.SimpleDateFormat" pageEncoding="utf-8"%><%@ include file="/WEB-INF/basics/basics_getSoDBBean.jsp"%><%@ page import="java.util.Hashtable"%><%@ page import="java.util.ArrayList"%><%@page import="com.jit.base.pojo.structure"%><%@ page import="com.jit.base.webservice.BaseWebService"%><jsp:directive.page import="com.jit.tools.ParseXML" />
<%
     内容
   %>

其实主要是编程不规范。以上是后台数据的处理，当然详细代码我没有贴出来。

function createXMLHttpRequest() {
	if (window.ActiveXObject) {
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}else if (window.XMLHttpRequest) {
		xmlHttp = new XMLHttpRequest();
	}
}	
function ajax(){
	createXMLHttpRequest();
	//使用onreadystatechange事件捕获请求状态变化，指定函数处理执行结果
	xmlHttp.onreadystatechange = changeTxt;
	//创建一个请求，并准备向服务器发送
	xmlHttp.open("post", "gwcsinfo.jsp");
	//把创建的请求发送给服务器
  
	xmlHttp.send(null);
	//xmlHttp.abort();//立即停止请求
}
function changeTxt() {
	if(xmlHttp.readyState == 4) {//数据已接收成功
		if(xmlHttp.status == 200) {//http状态码：请求结果成功
			var strs=xmlHttp.responseText;	
			var sxfl = strs.split(",");
			var depId=sxfl[2];
			var count=document.getElementById(sxfl[2]);
			var countweek=document.getElementById("week"+sxfl[2]);
			count.innerHTML = "统计量：" + sxfl[0];
			countweek.innerHTML ="统计量：" + sxfl[1];
		}
	}
}

以上是js代码

如果是这样做的话那么js里面获取的document.getElementById(sxfl[2]);一直为空。

解决办法是在后台处理数据里面将Java程序片的开始<%放在顶端，也就是第一行。结束符号%>的前面也必须没有空格（要在顶前面）。

最后原因就是我编程不规范引起的希望大家注意