ajax技术制作得在线歌词搜索功能(1)_网页设计_Javascript教程

您的位置：学习网(Gzu521.com) -> 考试资料 -> 网页设计 -> Javascript教程 -> 资料正文

学习网考试学习资料

Gzu521.com

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

Javascript教程点击：次发布时间：2006-9-22 【字体：大中小】来源：Gzu521.com

Gzu521.com我的学习网

最新制作完成的在线歌词搜索功能，利用ajax技术，无刷新显示歌词，只需要输入你要查找的歌曲名或歌词。界面还不是很好看，完善中......

?'9tgAL1j#(本文来源于我的学习网网页设计Javascript教程 htTP://WWw.GZu521.COm]?'9tgAL1j#

源码下载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
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        }
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    }

本文共2页: 第 [1] [2] 页

责任编辑：gzu521

更多相关信息->

网页设计分类

	HTML教程
	CSS教程
	Javascript教程
	Dreamweaver教程
	FrontPages教程
	FireWorks教程
	Flash教程
	PhotoShop教程
	建站知识

分类推荐信息

更多...

大类最新文章

更多...