html实现在线搜歌,利用Ajax技术实现在线歌词搜索功能
最新制作完成的在线歌词搜索功能,利用ajax技术,无刷新显示歌词,只需要输入你要查找的歌曲名或歌词。界面还不是很好看,完善中......
1
2
3
4
5
无标题文档
6
7
8
9
10
22
23
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 }
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 // 处理返回信息的函数
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
82
83
84
十万歌词在线免费查询
85
86 请输入歌曲名:
87
88
89
90
91
92
html实现在线搜歌,利用Ajax技术实现在线歌词搜索功能相关推荐
- 网易云android视频播放器,网易云服务-在线搜歌-数据结构
1.课程的初忠与目的 问题:通过上课发现,在学习完成Android基本组件后,还会迷茫于如何完成一个完整的应用. 本实践课程通过开发完成一个"畅听音乐"的小项目,实现从基本组件的学 ...
- ajax技术怎么应用程序,利用AJAX技术开发应用程序.pdf
维普资讯 2008年6月 电 脑 学 习 第3期 利用AJAX技术开发应用程序 蔡燕敏' 摘 要:介绍了AJAx技术的概念.工作原理及使用AJAX技术的基本原则.讨论了AJAx技术在应用程序的开发过 ...
- Asp.Net 上传大文件专题(4)--利用ajax技术显示上传进度
====================================================== 注:本文源代码点此下载 ================================= ...
- 如何利用Web3D技术打造在线虚拟展览馆
随着Web3D技术的不断发展,越来越多的企业和组织开始将其应用于虚拟展览馆的建设中.虚拟展览馆可以为观众提供高度沉浸式的展览体验,让观众可以随时随地参观各种展览,同时也为展览组织者提供了更多的展示方式 ...
- 制作歌词录入系统php,AJAX_ajax技术制作得在线歌词搜索功能,最新制作完成的在线歌词搜索 - phpStudy...
ajax技术制作得在线歌词搜索功能 最新制作完成的在线歌词搜索功能,利用ajax技术,无刷新显示歌词,只需要输入你要查找的歌曲名或歌词.界面还不是很好看,完善中...... 源码下载http://ww ...
- k歌的录音伴奏合成技术如何实现_2019年中国在线K歌行业市场现状,在线K歌用户女性占比较高...
一.在线K歌行业概况 中国在线K歌行业经历了萌芽期.探索期.成长期和发展期.上世纪90年代,量贩式KTV进入中国市场,我国在线K歌行业开始萌芽.随着移动互联网应用范围扩大与移动设备性能提升,唱吧.全民 ...
- [Linux C]百度音乐API实现在线搜歌
最近在做科大讯飞的语音解析模块,主要用于语音控制播放.采集语音输入后,送给科大讯飞语音的SDK,云服务器返回JSON的数据,再解析拿到URL地址,最后送给播放器去播放.不知是否是尚未上线的produc ...
- Q3广告业务稳健、游戏超预期,搜狐利用直播技术向上破圈
北京时间11月16日,搜狐对外公布了2020财年三季度财报. 从财报的基本面来看,报告期内,搜狐营收1.58亿美元:归属于搜狐的非美国通用会计准则持续经营业务净亏损为700万美元,同比减亏超76%. ...
- 利用ajax技术 实现用户注册。
一.ajax? 异步加载技术,在不刷新网页的前提下,实现部分网页内容的更新! AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容. 思考? 注册界面刚好可以应用 ...
最新文章
- 关于cocos2d的下载和安装
- Python Matplotlib.pyplot 中文显示异常的简单解决方法
- Linux日志系统-07:案例3-rsyslog+logrotate实现SSH的日志滚动
- dataset_flickr8k.json与dataset_flickr30k.json的比较
- NLTK频率分类中定义的函数
- PHP Uploadify+jQuery.imgAreaSelect插件+AJAX 实现图片上传裁剪 仿微博头像上传功能
- python淘宝cookies抢购_Python实现淘宝秒杀聚划算抢购自动提醒源码
- MessageDigest简介
- 341期计算机开机号总汇,◆341期谜语汇总 ◆
- cocos2d 嵌入网页_在 cocos2d-x 中嵌入浏览器
- input数字开头不能为0_Python新手上车5:数字和注释
- C++ 17 string_view(转载)
- Lintcode--007(不同的子序列)
- (转)“宇宙之王”高盛在历史的交叉口,不得不全面走向机器自动化
- 【R语言报错解决】—存在非数值型变量,Error in c_max * c_min : non-numeric argument to binary operator,如何在数据导入后转为数值型变量?
- tensorflow prelu的实现细节
- 华为「天才少年」计划招募的博士们,迎来首秀!
- 批量将 txt 记事本文件按照固定行数拆分成单个独立的 txt 小文件
- 任务管理器服务中没有mysql_已安装的Mysql在任务管理器中找不到的解决方法
- 实现在线预览 pdf 以及添加水印
热门文章
- 英文论文写作时态的问题
- 0.3秒定位解剖位置、定位精度提升超2.3%!达摩院骨科AI成果已被MICCAI 2020收录
- 另一个jar包引不了_【夜听三生】知己,是相遇另一个自己
- 2021计算机考研扩招学校,学校明确2021研究生继续扩招,考研人准备复试!
- hadoop启动dfs报错: ERROR: Cannot set priority of namenode process 496
- ZOJ3378:Attack the NEET Princess (边双连通分量)
- 如何优雅获取B站壁纸?
- Linux小小白入门教程(四):Linux终端
- strcat函数解析
- Laya 2.1.1.1 Unity模型导出后顶点处理小记