AJAX简单测试代码实例
时间：2021-03-21 10:29:05|栏目：JavaScript代码|点击： 次
本文实例讲述了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程序设计有所帮助。
上一篇：用文字链接代替表单提交的按钮
栏 目：JavaScript代码
下一篇：微信小程序实现倒计时补零功能
本文标题：AJAX简单测试代码实例
本文地址：http://www.codeinn.net/misctech/84962.html
