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

2016-01-29 11:25 5 1 收藏

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

【 tulaoshi.com - Javascript 】

 
最新制作完成的在线歌词搜索功能,利用ajax技术,无刷新显示歌词,只需要输入你要查找的歌曲名或歌词。界面还不是很好看,完善中......
源码下载http://www.efish.cn/ajaxss.rar
 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
 2<html xmlns="http://www.w3.org/1999/xhtml"
 3<head
 4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
 5<title无标题文档</title
 6</head
 7
 8<body
 9<style type="text/CSS"
10<!--
11body {
12background-color: #FFFFFF;
13 font-size: 85%;
14 font-family: Verdana;
15 margin-top : 10px;
16 margin-left : 10px;
17}
18a:link{color:#3737c8}
19a:active {color: #f00;}
20a:visited {color:#639;}
21--
22</style
23<script language="javascript"
24    var http_request = false;
25    function send_request(url) {//初始化、指定处理函数、发送请求的函数
26        http_request = false;
27        //开始初始化XMLHttpRequest对象
28        if(window.XMLHttpRequest) { //Mozilla 浏览器
29            http_request = new XMLHttpRequest();
30            if (http_request.overrideMimeType) {//设置MiME类别
31                http_request.overrideMimeType(’text/xml’);
32            }
33        }
34        else if (window.ActiveXObject) { // IE浏览器
35            try {
36                http_request = new ActiveXObject("Msxml2.XMLHTTP");
37            } catch (e) {
38                try {
39                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
40                } catch (e) {}
41            }
42        } [next]
43        if (!http_request) { // 异常,创建对象实例失败
44            window.alert("不能创建XMLHttpRequest对象实例.");
45            return false;
46        }
47        http_request.onreadystatechange = processRequest;
48        // 确定发送请求的方式和URL以及是否同步执行下段代码
49        http_request.open("GET", url, true);
50        http_request.send(null);
51    }
52    // 处理返

来源:http://www.tulaoshi.com/n/20160129/1482331.html

延伸阅读
标签: Web开发
作为J2EE开发人员,我们似乎经常关注“后端机制(backend mechanics)”。我们通常会忘记,J2EE的主要成功之处在Web应用程序方面;许多原因使得人们喜欢利用Web开发应用程序,但主要还是因为其易于部署的特点允许站点以尽可能低的成本拥有上百万的用户。 遗憾的是,在过去几年中,我们在后端投入了太多的时间,而在使我们的Web用户界...
标签: Web开发
在这个被Ajax技术统治的互联网时代,很多Ajax程序都会在异步读取数据的同时,显示一个正在读取或Loading的动画,向大家推荐一个在线生成Loading预载动画Gif图片的网站,它不但提供了超多的Loading动画样式供你选择,而且你还可以自定义尺寸、颜色等参数,可谓方便到家,最最重要的是,PreLoaders.net提供的Loading预载动画生成服务完全免费,心...
标签: Web开发
Ajax技术是目前在浏览器中通过JavaScript脚本可以使用的所有技术的集合。Ajax并没有创造出某种具体的新技术,它所使用的大多数技术都是在很多年以前就已经存在了,然而Ajax以一种崭新的方式来使用所有的这些技术,使得古老的B/S方式的Web开发焕发了新的活力,迎来了第二个春天。 具体来说,Ajax基于下列这些核心技术: XHTML:对应W...
标签: Web开发
ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且...
标签: Web开发
有时候,你的Blog可能需要这样的功能:   在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blog和文章。 这个功能你可以叫它“Blog聚合”或者“Blog联播”,目前,实现这样功能的软件或服务都有限制:比如,Terac Sinfonia、Lilina、MXNA虽然功能都很强大,但是需要安...

经验教程

95

收藏

44
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部