温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何实现AJAX简单测试代码

发布时间:2021-09-28 13:46:55 来源:亿速云 阅读:197 作者:iii 栏目:web开发

本篇内容主要讲解“如何实现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简单测试代码”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI