在div上返回undefined

时间:2014-11-13 14:51:33

标签: html ajax jsp xmlhttprequest

我试图使用ajax加载表单并设置为" maindiv"单击按钮"添加项目"。但返回undefined。一个名为" AddItem"的servlet也存在..

 html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JSP Page</title>
</head>
<body>
     <input type="button" onclick="loadAddItemForm()" value="Add Item"/>
    <div id="maindiv"> </div>

<script>
    function loadAddItemForm() {
        var x;
        if (window.XMLHttpRequest) {
            x = new XMLHttpRequest();
        }
        x.onreadystatechange = function () {
            if (x.readyState == 4 && x.status == 200) {
                //
                var txt = "ItemCode:" + "<input type='text' id='itemcodetxt'><br>" + "ItemName:" + "<input type='text' id='itemnametxt'><br>" + "Description:" + "<input type='text' id='descriptiontxt'><br>" + "QtyOnHand:" + "<input type='text' id='qtyonhandtxt'><br>" + "Reorderlevel:" + "<input type='text' id='reorderleveltxt'><br>" + "Unit price:" + "<input type='text' id='unitpricetxt'><br><input type='button' value='Add' onclick='addItem()'/>";
            }
            document.getElementById("maindiv").innerHTML = txt;

        };
        x.open("GET", "AddItem", true);
        x.send();

    }

</script> 
</body>

1 个答案:

答案 0 :(得分:-1)

您没有在页面中传递,请尝试

 x.open("GET", "AddItem.html", true);

假设您想要打开的页面。

它返回false因为它正在寻找AddItem,并且因为它返回false,所以txt未定义,因为if块没有被执行