24-3 ajax.request类—“prototype”框架应用.hta

来自「JAVASCRIPT完全自学手册,中源码的验证修订实例」· HTA 代码 · 共 43 行

HTA
43
字号
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>24-3  Ajax.Request类—“Prototype”框架应用</title>
<style>
* { font-size:12px; }
body { overflow:auto; }
fieldset { padding:10px; }
</style>
<script type="text/javascript" src="../inc/js/Prototype.js"></script>
<script>
baseURL = "http://www.google.cn/search?hl=zh-CN&meta=&aq=f&q=";
function do_search(){
    var key = $F("txt_search");
    if(!key)return;
    var myAjax = new Ajax.Request(
        baseURL + key,
        {
        method: "get",
        parameters: "",
        onComplete: showResponse
        }
    );
}

function showResponse(originalRequest){
    $("output").innerHTML = originalRequest.responseText;
}
</script>
</head>
<body>
<fieldset>
    <legend>Google 搜索</legend>
    <div>
        <label for="txt_search">输入需要搜索的内容:</label>
        <input id="txt_search">
        <input type="button" value="搜索" onclick="do_search();">
    </div>
</fieldset>
<div id="output"></div>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?