标签:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<input type="button" value="请求服务器" onclick="ajaxTest()" />
<div id="divResult"></div>
<script>
var divResult = document.getElementById("divResult");
function ajaxTest() {
var xmlhttpObj = null;
//这边是初始化xmlhttprequest对象
if (XMLHttpRequest) {
//这是新浏览器的初始方法
xmlhttpObj = new XMLHttpRequest();
}
else {
//这是老ie的初始方法
xmlhttpObj = new ActiveXObject("Microsoft.XMLHTTP");
}
//初始化xmlhttprequest结束
//这句是要请求的服务器的地址,第一个参数是以什么方式请求,一般是get和post,此处是get,第二个参数是请求的服务器地址,第三个参数代表是否是异步,如果为true,则是异步,否则为同步
xmlhttpObj.open("GET", "http://192.168.25.38/2015/8/2015-8-17/ajaxTest.ashx", true);
//这个方法是用来监听当前请求的状态,readyState有1,2,3,4,请求结束是4,所以不用管123
//如果readyState是4,则代表请求结束,那么去判断status,如果是200,则代表请求成功,如果是500,则代表服务器错误,一般只需要判断是200就行了,其他的状态自己去看下
xmlhttpObj.onreadystatechange = function () {
if (xmlhttpObj.readyState == 4) {
if (xmlhttpObj.status == 200) {
divResult.innerHTML = xmlhttpObj.responseText;
} else {
divResult.innerHTML = "error" + xmlhttpObj.responseXML;
}
} else {
divResult.innerHTML = "sending";
}
}
//这句是发送请求,一般什么都不用,直接发一个null,也可以发其他的
xmlhttpObj.send(null);
}
</script>
</body>
</html>
服务器
using System;
using System.Collections.Generic;
using System.Web;
namespace EverydayWorkRecord._2015._8._2015_8_17
{
/// <summary>
/// ajaxTest 的摘要说明
/// </summary>
public class ajaxTest : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Write("Hello World");
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
标签:
原文地址:http://www.cnblogs.com/benchan2015/p/4737166.html