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

2016-01-29 11:25 2 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    // 处理返

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

延伸阅读
百度音乐如何搜索歌词   1、当我们遇到播放歌曲与歌词不匹配的时候,那你就可以使用歌词在线搜索功能,找到正确的歌词。 2、同样在播放器界面右侧,如下图所示,选择搜索歌词。 2、可以根据歌名和歌手进行搜索,搜索到歌词之后,选择好之后,点击确定即可。 当然你也也可以本地歌词文件,在左下角选择关联本地歌词...
标签: Web开发
在这个被Ajax技术统治的互联网时代,很多Ajax程序都会在异步读取数据的同时,显示一个正在读取或Loading的动画,向大家推荐一个在线生成Loading预载动画Gif图片的网站,它不但提供了超多的Loading动画样式供你选择,而且你还可以自定义尺寸、颜色等参数,可谓方便到家,最最重要的是,PreLoaders.net提供的Loading预载动画生成服务完全免费,心...
标签: Web开发
Ajax技术是目前在浏览器中通过JavaScript脚本可以使用的所有技术的集合。Ajax并没有创造出某种具体的新技术,它所使用的大多数技术都是在很多年以前就已经存在了,然而Ajax以一种崭新的方式来使用所有的这些技术,使得古老的B/S方式的Web开发焕发了新的活力,迎来了第二个春天。 具体来说,Ajax基于下列这些核心技术: XHTML:对应W...
标签: Web开发
有时候,你的Blog可能需要这样的功能:   在自己Blog上聚合并显示朋友Blog的最新文章,这样方便自己及时了解朋友的消息,另外,也方便访问者找到和本Blog相关的blog和文章。 这个功能你可以叫它“Blog聚合”或者“Blog联播”,目前,实现这样功能的软件或服务都有限制:比如,Terac Sinfonia、Lilina、MXNA虽然功能都很强大,但是需要安...
标签: Web开发
ajax所包含的技术 大家都知道ajax并非一种新的技术,而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用javascript来绑定和调用。 在上面几中技术中,除了XmlHttpRequest对象以外,其它所有的技术都是基于web标准并且...

经验教程

571

收藏

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