📄 24-3 ajax.request类—“prototype”框架应用.hta
字号:
<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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -