网站建设资讯

NEWS

网站建设资讯

如何实现AJAX简单测试代码

本篇内容主要讲解“如何实现AJAX简单测试代码”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何实现AJAX简单测试代码”吧!

创新互联建站是专业的卢氏网站建设公司,卢氏接单;提供成都网站建设、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行卢氏网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

具体如下:

客户端:代码如下:(AJAX_test.html )





无标题文档

 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;
     }
   }
 }



发送

服务器端:代码如下:(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简单测试代码
文章链接:http://cdweb.net/article/gcpjip.html

其他资讯