手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >AJAX简单测试代码实例
AJAX简单测试代码实例
摘要:本文实例讲述了AJAX简单测试代码。分享给大家供大家参考。具体如下:客户端:代码如下:(AJAX_test.html)无标题文档varxml...

本文实例讲述了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" + 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>发送</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写法实例分析

Ajax+PHP简单基础入门实例教程

php AJAX POST的使用实例代码

AJAX如何接收JSON数据示例介绍

AJAX防止页面缓存的代码

利用ajax实现简单的注册验证局部刷新实例

一个AJAX类代码

精品推荐
分类导航