<%
' index.asp
%>
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" c />
<title>无标题文档</title>
<script language="javascript">
/**
* 初始化一个xmlhttp对象
*/
function InitAjax()
{
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!='undefined') {
ajax = new XMLHttpRequest();
}
return ajax;
}
function getNews(newsID,newsOBJ)
{
//如果没有把参数newsID传进来
if (typeof(newsID) == 'undefined')
{
return false;
}
//需要进行Ajax的URL地址
var url = "test.asp?id="+ newsID;
//获取新闻显示层的位置
var show = document.getElementById(newsOBJ);
//实例化Ajax对象
var ajax = InitAjax();
//使用Get方式进行请求
ajax.open("GET", url, true);
//获取执行状态
ajax.onreadystatechange = function() {
//如果执行是状态正常，那么就把返回的内容赋值给上面指定的层
if (ajax.readyState == 4 && ajax.status == 200) {
show.innerHTML = ajax.responseText;
}
}
//发送空
ajax.send(null);
}
</script>
<style type="text/css">
<!--
#show_news {
position:absolute;
left:107px;
top:51px;
width:441px;
height:28px;
z-index:1;
}
#Layer1 {
position:absolute;
left:386px;
top:175px;
width:173px;
height:131px;
z-index:2;
}
-->
</style>
</head>
<%Randomize%>
<body>
<a href="#" >新闻</a>
<br />
<div id="show_news"></div>
</body>
</html>
test.html
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<%Response.Charset = "GB2312"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" c />
<title>无标题文档</title>
<script language="javascript">
function saveUserInfo()
{
//获取接受返回信息层
var msg = document.getElementById("msg");
//获取表单对象和用户信息值
var f = document.user_info;
var userName = f.user_name.value;
var userAge = f.user_age.value;
var userSex = f.user_sex.value;
//接收表单的URL地址
var url = "index.asp";
//需要POST的值，把每个变量都通过&来联接
var postStr = "user_name="+ userName +"&user_age="+ userAge +"&user_sex="+ userSex;
//实例化Ajax
var ajax = InitAjax();
//通过Post方式打开连接
ajax.open("POST", url, true);
//定义传输的文件HTTP头信息
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//发送POST数据
ajax.send(postStr);
//获取执行状态
ajax.onreadystatechange = function() {
//如果执行状态成功，那么就把返回信息写到指定的层里
if (ajax.readyState == 4 && ajax.status == 200) {
msg.innerHTML = ajax.responseText;
}
}
}
</script>
</head>
<body>
<form name="user_info">
<table width="281" border="1" bgcolor="#CCCCCC">
<tr>
<td colspan="2" bgcolor="#999999"><div align="center">登陆</div></td>
</tr>
<tr>
<td width="78"><div align="right">姓名：</div></td>
<td width="187"><input type="text" name="user_name" /></td>
</tr>
<tr>
<td><div align="right">年龄：</div></td>
<td><input type="text" name="user_age" /></td>
</tr>
<tr>
<td><div align="right">性别：</div></td>
<td><input type="text" name="user_sex" /></td>
</tr>
<tr>
<td> </td>
<td><input name="button" type="button" value="提交表单" /></td>
</tr>
</table>
</form>
<div id="msg"></div>
</body>
</html>
论坛设施
