45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:AJAX基本的使用方法实例(可用于测试)

AJAX基本的使用方法实例(可用于测试)

2015-07-15 16:40:39 来源:www.45fan.com 【

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程序设计有所帮助。


本文地址:http://www.45fan.com/bcdm/14584.html
Tags: ajax 简单 测试
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部