脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → AJAX简单测试代码

AJAX简单测试代码实例

 更新时间：2015年03月30日 17:03:17   作者：xugang  
这篇文章主要介绍了AJAX简单测试代码,以一个简单实例分析了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • Ajax教程实例详解

    Ajax教程实例详解

    AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。接下来通过本文给大家介绍Ajax教程实例详解，对ajax相关知识感兴趣的朋友一起学习吧
    2016-03-03
  • AJAX 用户注册时的应用实例

    AJAX 用户注册时的应用实例

    我所举的这个例子是一个企业用户注册时的一个应用，当用户注册时检查用户名和企业名是否可用，以前的做法是在旁边加一个按钮，点击“检查”，就向服务器发出请求，然后等待……服务器返回信息，继续操作。
    2008-12-12
  • Ajax实现二级联动菜单

    Ajax实现二级联动菜单

    这篇文章主要为大家详细介绍了Ajax实现二级联动菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 编码为GB2312网站让AJAX接收的数据显示支持中文

    编码为GB2312网站让AJAX接收的数据显示支持中文

    GB2312 网站AJAX接收的数据显示支持中文
    2010-01-01
  • JQuery中Ajax的Post提交在IE下中文乱码的解决方法

    JQuery中Ajax的Post提交在IE下中文乱码的解决方法

    在JQuery的Ajax POST请求中，进行请求，其中的中文在后台，显示为乱码，在FF/Chrome中，可以正常传递中文，但是在IE下，则存在问题
    2014-05-05
  • 浅谈Ajax和JavaScript的区别

    浅谈Ajax和JavaScript的区别

    下面小编就为大家带来一篇浅谈Ajax和JavaScript的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • Ajax 网址备忘

    Ajax 网址备忘

    Ajax 网址备忘...
    2006-06-06
  • AJAX对服务器返回XML的处理方法

    AJAX对服务器返回XML的处理方法

    这篇文章主要介绍了AJAX对服务器返回XML的处理方法,实例分析了Ajax的实现技巧及针对XML返回数据的处理方法,需要的朋友可以参考下
    2015-03-03
  • json获取数据库的信息在前端页面显示方法

    json获取数据库的信息在前端页面显示方法

    今天小编就为大家分享一篇json获取数据库的信息在前端页面显示方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-05-05
  • Ajax轮询请求状态(微信公众号带参数二维码登录网站)

    Ajax轮询请求状态(微信公众号带参数二维码登录网站)

    最近做了一个项目，其中有功能要求通过扫码微信公众号带参数的二维码来登录网站，接下来小编给大家介绍实现思路及代码，一起看看吧
    2016-09-09

最新评论