当前位置：首页 > 资讯 > 技术文档

AJAX简单测试代码实例

时间：2022-07-18 14:23 编辑：来源：阅读：
扫一扫，手机访问

摘要：AJAX简单测试代码实例

本文实例讲述了AJAX简单测试代码。分享给大家供大家参考。具体如下： [b]客户端：[/b]代码如下：（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>

[b]服务器端：[/b]代码如下：（AJAX_servers.aspx ）

[u]复制代码[/u] 代码如下:

<%@ 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 + "：我是来自服务器的文字！");

    }

%>

希望本文所述对大家的Ajax程序设计有所帮助。

全部评论(0)

上一篇：ASP小偷程序如何利用XMLHTTP实现表单的提交
下一篇：MPBrowser简易图片浏览器 v1.0

资讯排行榜
更多>>