AJAX 学习笔记[二] 我编写的AJAX 测试代码示例
客户端:代码如下:(AJAX_test.html )
<!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" content="text/html; charset=utf-8" /> |
<title>无标题文档</title> |
<script type="text/javascript"> |
var xmlhttp; |
//创建异步对象 |
function initXmlHttp(){ |
if(window.ActiveXObject){ //IE浏览器 |
xmlhttp = new window.ActiveXObject("Microsoft.XMLHTTP"); |
} |
else if(window.XMLHttpRequest){ //非IE浏览器 |
xmlhttp = new window.XMLHttpRequest(); |
} |
} |
window.onload = initXmlHttp; |
//发送异步请求 |
function sendRequest(){ |
//传入一个 myname 参数 和 一个用于解决IE缓存问题的实时毫秒数 |
xmlhttp.open("GET","AJAX_servers.aspx?myname=xg&" + new Date().getTime()); |
//指定当readyState属性改变时的事件处理句柄onreadystatechange |
xmlhttp.onreadystatechange = funState; |
xmlhttp.send(null); |
} |
//获取异步结果 |
function funState(){ |
if( xmlhttp.readyState == 4) |
{ |
if( xmlhttp.status == 200 || //status==200 表示成功! |
xmlhttp.status == 0) //本机测试时,status可能为0。 |
{ |
var re = xmlhttp.responseText; |
//alert(re); |
document.getElementById("divShow").innerHTML = re; |
} |
} |
} |
</script> |
</head> |
<body> |
<button onclick="sendRequest();">发送</button> |
<div id="divShow"></div> |
</body> |
</html> |
服务器端:代码如下:(AJAX_servers.aspx )
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AJAX_servers.aspx.cs" Inherits="Web_1.AJAX_servers" %> |
<% |
if (Request.HttpMethod == "GET") |
{ |
string str = Request.QueryString[0]; |
Response.Write(str + ":我是来自服务器的文字!"); |
} |
%> |
作者: XuGang 网名:钢钢 |
出处: http://xugang.cnblogs.com |
声明: 本文版权归作者和博客园共有。转载时必须保留此段声明,且在文章页面明显位置给出原文连接地址! |