AJAX简单测试代码实例
程序员文章站
2023-11-09 19:34:22
本文实例讲述了ajax简单测试代码。分享给大家供大家参考。具体如下：
客户端：代码如下：（ajax_test.html ）
本文实例讲述了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 + "：我是来自服务器的文字！");
}
%>
<%
if (request.httpmethod == "get")
{
string str = request.querystring[0];
response.write(str + "：我是来自服务器的文字！");
}
%>
希望本文所述对大家的ajax程序设计有所帮助。
上一篇： Ajax获取响应内容长度的方法