无法加载 javascript 代码

Question

在进行 ajax 调用后，我正在使用 java 脚本来显示具有新 JS 内容的 div 中的数据。请参考以下代码：

//来自a.jsp的ajax调用

var goUrl = "/testMethod/getTestMethod;
            var httpRequest=null;
            var refreshContent = "null";
            httpRequest = XMLHTTPObject();
            httpRequest.open("POST", goUrl, true);
            httpRequest.onreadystatechange = function () {ajaxFunction(refreshThisDiv,httpRequest); } ;
            httpRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            httpRequest.send(null);



function ajaxFunction(refreshThisDiv,httpRequest){

    var serversideValidation = true;
    if (httpRequest.readyState == 4)
    {
        if(httpRequest.status == 200)
        {
            results =  httpRequest.responseText;  // http.responseXML; which will lead to an XML based response, if we were to have some XML output from a server file

            if(results != 'null') {
                var test= document.getElementById(refreshThisdiv);

                test.style.display = '' ;
                test.innerHTML =  results;


            }

//下面是b.jsp中要显示的新内容。

<div id="test">
</div>
<script>
 var test = document.getElementById("test");
test.innerHTML ="HI";
</script>

结果正常并重定向到 b.jsp 并显示 html 内容。但是标签不起作用:(

我想在该 div 的 ajax 调用完成后看到 Hi。请帮帮我。

Answer 1

ID 不是#test，而是test。 #test 是一个选择器，可以与 jQuery、CSS 或 document.querySelector 一起使用。 document.getElementById 毫无疑问需要 ID。 :)

Answer 2

getElementById() 只需要 ID 的名称。您通过传递 #test 错误地使用了 CSS-ish 语法，而其中只需要 test。

更正新代码：

<div id="test">
</div>
<script>
  var test = document.getElementById("test");
  test.innerHTML ="HI";
</script>