AJAX简单测试代码实例

技术  /  管理员 发布于 8年前   158

本文实例讲述了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程序设计有所帮助。


  • 上一条：
    AJAX简单异步通信实例分析
    下一条：
    AJAX使用get与post模式的区别分析

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客