脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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请求成功后新开窗口window.open()被拦截解决方法

    ajax请求成功后新开窗口window.open()被拦截解决方法

    ajax 异步请求成功后需要新开窗口打开 url，使用的是 window.open() 方法，但是很可惜被浏览器给拦截了，怎么解决这个问题呢
    2014-09-09
  • Ajax获取到数据放入echarts里不显示的原因分析及解决办法

    Ajax获取到数据放入echarts里不显示的原因分析及解决办法

    在做一个需要用到echarts地图的项目的时候，成功通过ajax获取到了后台提供的数据，并生成了想要的JSON串。但是，放到echarts option.series[0].data里，获取不到数据。在生成的地图上无法看到你从后台获取到的值，下面小编给大家分享我的解决办法，需要的朋友参考下
    2016-01-01
  • 通过数据库和ajax方法写出地图的实例代码

    通过数据库和ajax方法写出地图的实例代码

    AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。这篇文章主要介绍了通过数据库和ajax方法写出地图的实例代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • 如何使用AJAX实现按需加载【推荐】

    如何使用AJAX实现按需加载【推荐】

    如何使用AJAX实现按需加载？下面小编就为大家带来一篇如何使用AJAX实现按需加载【推荐】。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • ajax jquery校验用户是否已经注册演示代码

    ajax jquery校验用户是否已经注册演示代码

    用户是否已经注册的判断方法有很多，在本文将为大家详细介绍下如何使用ajax jquery来实现，感兴趣的朋友可以参考下
    2013-10-10
  • 浅谈Ajax技术实现页面无刷新

    浅谈Ajax技术实现页面无刷新

    AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。这篇文章主要介绍了Ajax技术实现页面无刷新的相关资料,需要的朋友可以参考下
    2016-03-03
  • laypage前端分页插件实现ajax异步分页

    laypage前端分页插件实现ajax异步分页

    layPage是一款多功能的js分页组件，即适用于异步分页，又可用于传统的整页刷新跳页，还支持信息流加载，并且可无缝迁移至Node.js平台，这篇文章主要介绍了laypage前端分页插件，实现ajax异步分页,需要的朋友可以参考下
    2016-05-05
  • 使用AJAX实现上传文件

    使用AJAX实现上传文件

    这篇文章主要介绍了使用AJAX实现上传文件，无需任何插件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-10-10
  • ajax使用formdata上传文件流

    ajax使用formdata上传文件流

    这篇文章主要为大家详细介绍了ajax使用formdata上传文件流，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 无框架 Ajax分页(原创)

    无框架 Ajax分页(原创)

    最近想做一个Ajax的功能，网上一搜几乎全是基于某某框架的Ajax分页，要么需给页面加上<scriptManager></scriptManager>，要么需引入某dll，要么需使用类似于jquery的框架。
    2009-08-08

最新评论