Question

警告：我不知道如何写ajax或javascipt。

我想在学校网站上使用google.com/dictionary上的字典。很像Google提供的自定义搜索引擎。

我认为最简单的方法是使用URL并将单词作为参数传入，并将结果填充在搜索框下方的div中。

所以我需要一个表单，让我的学生输入他们正在查找的单词，然后将该单词插入到URL http://www.google.com/dictionary?aq=f&langpair=en|en&q=WORD中的正确位置} INSERTED HERE＆amp; hl = en

然后结果需要显示在与搜索框相同的位置，因此我的学生不会导航到另一个页面。

可以这样做吗？如果是这样的话？

任何帮助将不胜感激。

Answer 1

不幸的是，大多数浏览器会将Ajax请求从一个域限制到另一个域，因此您无法轻松地对google.com进行ajax调用。

如果您愿意使用iframe，则可能需要以下代码。它不是那么漂亮。

<script>

function search(word) {
    var url = "http://www.google.com/dictionary?aq=f&langpair=en|en&q=" + word;
    document.getElementById("searchResult").src = url;
    showIframe();
}
function showIframe() {
    document.getElementById("searchResult").style.display = "";
}

function toggleIframe() {
    var display = document.getElementById("searchResult").style.display;
    if (display == "none") {
        display = "";
    } else {
        display = "none"
    }
    document.getElementById("searchResult").style.display = display;
}
</script>

<input type="text" id="word"/>
<input type="button" value="submit" onclick="search(document.getElementById('word').value)"/><br>
<a href="#" onclick="toggleIframe()">Toggle results</a><br/>
<iframe id="searchResult" width="500" height="200"></iframe>

来自google.com/dictionary的Ajax单词查询

1 个答案: