Ajax + JSON

来源：互联网发布：手机库存盘点软件编辑：程序博客网时间：2024/05/16 10:25

Myeclipse8.5

index.jsp

<html>
    <head>
        <title>Ajax: responseJSON</title>
        <script language="JavaScript" type="text/javascript">
    var http = false;
    function doRequest() {
        if(!http) {
            if (window.XMLHttpRequest) {
                http = new XMLHttpRequest();
                if (http.overrideMimeType) {
                    http.overrideMimeType("text/xml");
                }
            }
            else if (window.ActiveXObject) {
                try {
                    http = new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch (e) {
                    try {
                        http = new ActiveXObject("Microsoft.XMLHTTP");
                    }
                    catch (e) {
                    }
                }
            }
        }
        http.onreadystatechange = function() {
            if (http.readyState == 4 && http.status == 200) {
                var resp = http.responseText
                var json = new Function("return " + resp)();
                document.getElementById("targetDiv").innerHTML = "得到结果Info:"+ json.info + "; " + "Version:"+ json.version;
            }
            else {
                document.getElementById("targetDiv").innerHTML = "正在处理，请等待";
            }
        }
        http.open("GET", "./AjaxJson.json", true);
        http.send(null);
    }
</script>
    </head>
    <body>
        <center>
            <input type="button" value="Get AjaxJson.json" onclick="doRequest();">
            <hr>
            <div id="targetDiv">
            </div>
        </center>
    </body>
</html>

AjaxJson.json

{
info: "JSON CONTENT",
version: "1.0"
}