Javascript 如何仅使用HTML/JS使用AJAX响应

我尝试使用AJAX和Javascript（无jQuery）更新页面上的DIV，以根据用户提交的响应显示AJAX请求

我有两个问题

1） 如何根据用户提交的响应更改AJAX请求？我还希望将其他AJAX请求的响应也存储在同一页面上。下面的代码似乎没有向我的浏览器返回任何内容，也没有更新DIV

function loadXMLDoc(){
    var xmlhttp = new XMLHttpRequest(),
        userReq = documents.forms["form"]["req"].value;
    xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
            document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","ajaxRequest" + "userReq",true);
    xmlhttp.send();
}

2） 我使用的AJAX请求返回一个JSON对象。如何使用Javascript修改并仅显示返回的JSON的特定值

i、 e以下JSON是从AJAX调用返回的，只更新DIV以显示Anna的姓“Smith”

ad 1）

userReq

是一个包含值的变量，如果将其用作

“userReq”

则会得到文本字符串“userReq”，而不是变量的值

userReq

xmlhttp.open("GET","ajaxRequest?userReq=" + userReq,true);

这将允许服务器端脚本在名为

“userReq”

ad 2）JSON是Javascript对象表示法，因此在Javascript中使用JSON非常简单

var myObject = JSON.parse(xmlhttp.responseText);

// get only Anna's last name
document.getElementById("myDiv").innerHTML = myObject.employees[1].lastName;

---

您应该使用“var myJSON=JSON.parse（jsonString）；”将JSON字符串解析为JSON对象，然后访问该对象，例如，“myJSON.employees[1].lastName”应该使用Anna的姓氏谢谢，这非常有帮助。但我还是有点对#2感到困惑。如果我希望我的div更新为已解析的JSON，我将如何在loadXmlDoc函数中输入它？函数当前显示完整的xmlhttp.responseText。

var myObject = JSON.parse(xmlhttp.responseText);

// get only Anna's last name
document.getElementById("myDiv").innerHTML = myObject.employees[1].lastName;