2 cyoeki cyoeki 于 2016.09.16 11:48 提问

JS运行时出错,提示appendChild为空
 <body>
    <h1>省市联动</h1>
    <h3 id="h3"></h3>
    <select name="province" id="p">
        <option>===请选择省份===</option>
    </select>
    <select name="city" id="c">
        <option>===请选择市===</option>
    </select>
</body>
<script type="text/javascript" src="<c:url value='//ajax-lib/ajaxutils.js'/>"></script>
<script type="text/javascript">
      window.onload = function(){
          var xmlHttp = createXMLHttpRequest();
          xmlHttp.open("GET","<c:url value='/ProvinceServlet'/>",true);
        xmlHttp.send(null);
        xmlHttp.onreadystatechange = function(){
            if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                var text = xmlHttp.responseText;
                var proArray = eval("("+text+")");
                for(var i=0;i<proArray.length;i++){
                    var pro = proArray[i];
                    var option = document.createElement("option");
                    option.value = pro.pid;
                    var node = document.createTextNode(pro.name);


                    option.appendChild(node);
                    //document.write(option.text);
                    document.getElementById("p").appendChild(option);
                }
            }else {
                document.write("!");
            }
        };
      };

  </script>

3个回答

showbo
showbo   Ds   Rxr 2016.09.16 17:10

没有问题,直接模拟你的数据

 <body>
    <h1>省市联动</h1>
    <h3 id="h3"></h3>
    <select name="province" id="p">
        <option>===请选择省份===</option>
    </select>
    <select name="city" id="c">
        <option>===请选择市===</option>
    </select>
</body>
<script type="text/javascript">
    //window.onload = function () {
       // var xmlHttp = createXMLHttpRequest();
       // xmlHttp.open("GET", "<c:url value='/ProvinceServlet'/>", true);
       // xmlHttp.send(null);
      //  xmlHttp.onreadystatechange = function () {
         //   if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                var text ='[{name:"name1",id:"id1"}]'// xmlHttp.responseText;
                var proArray = eval("(" + text + ")");
                for (var i = 0; i < proArray.length; i++) {
                    var pro = proArray[i];
                    var option = document.createElement("option");
                    option.value = pro.pid;
                    var node = document.createTextNode(pro.name);


                    option.appendChild(node);
                    //document.write(option.text);
                    document.getElementById("p").appendChild(option);
                }
            //} else {
           //     document.write("!");
          //  }
       // };
    //};

</script>
cyoeki
cyoeki 麻烦前辈再给看看,确定不是servlet的问题。
大约一年之前 回复
cyoeki
cyoeki 我试过不太行,前辈看一下我在谷歌浏览器捕捉到的错误,下面传图……
大约一年之前 回复
cyoeki
cyoeki   2016.09.16 17:23

图片说明

Marksinoberg
Marksinoberg   Ds   Rxr 2016.09.17 08:39
  var proArray = eval("(" + text + ")");

这一行出错了吧,个人觉得应该这样将字符串转成对象。

var proArray = eval('var data='+ text);

以后就可以使用data这个变量来更新你的界面了。

Marksinoberg
Marksinoberg 回复cyoeki: 不用加括号的
大约一年之前 回复
cyoeki
cyoeki 如果是这样的话不是必须要加上括号才能执行?
大约一年之前 回复
Marksinoberg
Marksinoberg 可以这么理解
大约一年之前 回复
cyoeki
cyoeki 用eval函数来执行json字符串的格式是这样的吧?执行的json字符串是从servlet发送过来的
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!