javascript - 在网络浏览器上显示 json

标签 javascript html google-api

我们想在使用 Google API 从 servlet 调用的浏览器上显示 Google 搜索结果的 json。 handleSearchResult 没有在浏览器上显示 responseText。 此外,servlet 没有将 html 文本框中的查询词映射到 Google API 搜索 url(servlet)。谢谢

主页.html

<html>
<head>
<script type="text/javascript">
var request;

function handleSearchResult(){
    alert("hanldeRes");
    //query.text = resp.items.name;
    alert(request.responseText);
    //var resp = eval('('+responseText+')');
    //alert(resp.items.title);  
}

function createHttpRequest()
{
    alert("insideCreateRequest");
    if(typeof XMLHttpRequest != "undefined") {
        request = new XMLHttpRequest();     
    } 
    else if(window.ActiveXObject)   {
        request = new ActiveXObject("Msxml2.XMLHTTP");

        if(!request) {
            request = new ActiveXObject("Microsoft.XMLHTTP");
        }
    }
    if(request) {
        request.onreadystatechange = handleSearchResult();
        request.open("GET","http://localhost:8080/WebSearchOptimization/SearchService",true);
        request.send(null);

    } 
    else {
        alert("error on Page createHttpRequest");
    }
    return false;
}

function home_onclick()
{ 
    alert("passingRequest");
    createHttpRequest();    
}

</script>
</head>
<body>
<br><br>
<form method="get" name="form">
<input type="text" id="query" name="query">
<input type="button" value="Search" id="search" onclick="home_onclick()">
<div></div>
</form>
</body>
</html>

最佳答案

我已经对您的代码进行了一些修改。希望这会有所帮助。

function handleSearchResult(){
    if (request.readyState==4 && request.status==200)
    {        
        alert(request.responseText);
    }
}

function createHttpRequest()
{
//....
if(request) {
    request.onreadystatechange = handleSearchResult;
    var q = encodeURI( document.getElementById("query").value );
    request.open("GET","http://localhost:8080/WebSearchOptimization/SearchService?"+q,true);
    request.send(null);
}
//.....
}

关于javascript - 在网络浏览器上显示 json,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9786932/

相关文章:

javascript - 追加时无法访问 jQuery

javascript - 除非调用 onclick,否则脚本不会运行

jquery - 通过绘图笔划路径的 CSS3 动画

javascript - 在 HTML5 中堆叠多个 Canvas

android - Google API : java. lang.ClassNotFoundException:找不到类 "sun.misc.Service"

c# - 回发发生在 asp.net 中丢失的 javascript 列表框项目

javascript - 在 CSS 中设置选取框

javascript - IE 中的 HTML5 Canvas 内存问题

Android API 使用

google-api - Google Cloud Resource Manager API - 向用户授予所有者角色