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

    }

%>

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

您可能感兴趣的文章:

asp.net+ajaxfileupload.js 实现文件异步上传代码分享
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
Ajax中通过JS代码自动获取表单元素值的示例代码
Ajax请求内嵌套Ajax请求示例代码
json格式的Ajax提交示例代码
Ajax核心技术代码分享

全 部 栏 目

全部栏目