Ajax + JSON

最新推荐文章于 2024-07-14 18:05:06 发布

huang890628

最新推荐文章于 2024-07-14 18:05:06 发布

阅读量319

点赞数

分类专栏： JAVA 文章标签： ajax xmlhttprequest myeclipse function json javascript

本文链接：https://blog.csdn.net/huang890628/article/details/6066182

版权

JAVA 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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" οnclick="doRequest();">
            <hr>
            <div id="targetDiv">
            </div>
        </center>
    </body>
</html>

AjaxJson.json

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

huang890628

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax + JSON

<br />Myeclipse8.5<br /> <br />index.jsp<br /><html><br /> <head><br /> <title>Ajax: responseJSON</title><br /> <script language="JavaScript" type="text/javascript"><br /> var http = false;<br /> function doRequest() {<br /
复制链接

扫一扫