ajax技术制作得在线歌词搜索功能

新客网 XKER.COM 2006-09-22 来源： 收藏本文

48        // 确定发送请求的方式和URL以及是否同步执行下段代码
49        http_request.open("GET", url, true);
50        http_request.send(null);
51    }
52    // 处理返回信息的函数
53    function processRequest() {
54        if (http_request.readyState == 4) { // 判断对象状态
55            if (http_request.status == 200) { // 信息已经成功返回，开始处理信息
56                //alert(http_request.responseText);
57                document.getElementById("result").innerHTML = http_request.responseText;
58            } else { //页面不正常
59                alert("您所请求的页面有异常。");
60            }
61        }
62    }
63    function dosearch() {
64        var f = document.form1;
65        var geci = f.geci.value;
66        if(geci=="") {
67            window.alert("请输入你要查询的歌词");
68            f.geci.focus();
69            return false;
70        }
71        else {
72            document.getElementById("result").innerHTML="正在查询，请稍候";
73            send_request('http://www.efish.cn/getgeci.aspx?m='+escape(geci));
74        }
75    }
76    function submitForm() {
77        if(window.event.keyCode==13) {
78            dosearch();
79        }
80    }
81</script>
82<p></p><p></p>
83<form id="form1" name="form1" method="post" action="">
84<center><span style="font-size:18px; color:#FF0000">十万歌词在线免费查询</span></center>
85<p></p>
86  请输入歌曲名：
87  <input name="geci" type="text" id="geci" value="东风破" size="60" height="30" maxlength="50" onKeyDown="submitForm()"  />
88  <input type="button" name="search" value="查询歌词" onClick="dosearch()"><br />
89  <span id="result"></span>

• ·成功实现ajax,xmlhttp跨域访问
• ·Ajax技术：构建动态的Java应用程序分析
• ·面向Java开发人员的Ajax:Java对象序列化
• ·手把手教你写Ajax驱动的DataGrid控件(三)
• ·手把手教你写Ajax驱动的DataGrid控件(二)
• ·手把手教你写Ajax驱动的DataGrid控件(一)
• ·迁移你的Web页面到asp.NET AJAX 1.0
• ·用事实说话！AJAX应用程序开发的七宗罪
• ·利用DWR开发基于Ajax的文件上载portlet
• ·开源Eclipse利用Ajax的优势与微软展开竞争
• ·使用AJAX技术实现网页无闪自动局部刷新
• ·Mashups+AJAX打造全新Web开发
• ·精典文萃：过渡技术的Ajax及Apusic JSF
• ·AJAX应用篇：必须用到和不必使用的地方
• ·AJAX使用技巧：如何处理书签和翻页按扭
• ·AJAX并不神秘：揭密各种AJAX控件和类库