Недавно я читал книгу <<Ajax в действии>>. Я использовал знания из этой книги и в сочетании с .net для написания этой статьи об использовании .net для обработки xmlHttp для отправки асинхронных запросов.
Чего мы хотим добиться, так это нажать кнопку, чтобы получить текущее время сервера. HTML-код aspx выглядит следующим образом:
HTML
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Linkedu.Web.WebWWW.Default" %>
<!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 runat="сервер">
<title>Тест</title>
<script Language="javascript" src="javascript/prototype/extras-array.js"></script>
<script Language="javascript" src="javascript/xmlHttp.js"></script>
<script Language="javascript" src="javascript/eventRouter.js"></script>
<script Language="javascript" src="Default.js"></script>
<script Language="JavaScript">
</скрипт>
</голова>
<тело>
<form id="form1" runat="server">
Получите текущее время сервера, используя метод Post
<input id="btnTestPost" type="button" value="Post" />
Получите текущее время сервера, используя метод Get.
<input id="btnTestGet" type="button" value="Get" />
<div id="divResult"></div>
</форма>
</тело>
</html>
Чтобы использовать JavaScript для отправки запросов xmlHttp, необходимо решить проблему кроссбраузерной поддержки. Мы инкапсулируем отправку xmlHttp в объект javascript и заодно решаем проблему кроссбраузерной поддержки в этом объекте. Код выглядит следующим образом:
объект xmlHttp.
/**//*
объект загрузки URL-адреса и построенная на его основе очередь запросов
*/
/**//* объект пространства имен */
вар сеть = новый объект ();
net.READY_STATE_UNINITIALIZED = 0;
net.READY_STATE_LOADING=1;
net.READY_STATE_LOADED=2;
net.READY_STATE_INTERACTIVE=3;
net.READY_STATE_COMPLETE=4;
/**//*--- объект загрузчика контента для кроссбраузерных запросов ---*/
net.xmlHttp = функция (url, onload, параметры, метод, contentType, onerror) {
this.req=ноль;
this.onload=onload;
this.onerror=(onerror) ? onerror: this.defaultError;
if(typeof(method) == "не определено" || метод == null)
{
метод = "ПОСТ";
}
this.loadXMLDoc(url, параметры, метод, contentType);
}
net.xmlHttp.prototype.loadXMLDoc = функция (url, параметры, метод, contentType) {
если (!метод){
метод="ПОЛУЧИТЬ";
}
if (!contentType && метод=="POST"){
contentType = 'application/x-www-form-urlencoded';
}
если (window.XmlHttpRequest) {
this.req=новый XmlHttpRequest();
} Еще если (window.ActiveXObject){
this.req=new ActiveXObject("Microsoft.xmlHttp");
}
если (this.req){
пытаться{
вар загрузчик = это;
this.req.onreadystatechange=function(){
net.xmlHttp.onReadyState.call (загрузчик);
}
this.req.open(метод, URL, правда);
если (тип контента) {
this.req.setRequestHeader('Content-Type', contentType);
}
this.req.send(параметры);
}поймать (ошибиться){
this.onerror.call(это);
}
}
}
net.xmlHttp.onReadyState=функция(){
вар req=this.req;
вар готов = req.readyState;
если (готов == net.READY_STATE_COMPLETE) {
вар httpStatus=req.status;
если (httpStatus==200 || httpStatus==0){
this.onload.call(это);
}еще{
this.onerror.call(это);
}
}
}
net.xmlHttp.prototype.defaultError=function(){
alert("Ошибка при получении данных!"
+"nnreadyState:"+this.req.readyState
+"nstatus: "+this.req.status
+"nheaders: "+this.req.getAllResponseHeaders());
}
Начнем писать код для отправки запроса xmlHttp:
default.js.
//Глобальный объект xmlHttp
var cobj;
/**//* Начало публикации*/
//Привязываем сообщение для отправки события xmlHttp в btnTestPost
функция loadTestPost()
{
var iobj = document.getElementById("btnTestPost");
//Привязка для прослушивания кнопки btnTestPost
вар clickRouter = новый jsEvent.EventRouter(iobj,"onclick");
clickRouter.addListener(btnTestPostClick);
}
функция btnTestPostClick()
{ // URL открытых параметров, onload, params, метод, contentType, onerror
cobj = new net.xmlHttp("DefaultHandler.ashx",dealResult, "<T/>", "POST");
}
/**//* Конец записи*/
/**//* Начинаем*/
//Привязываем Get для отправки события xmlHttp в btnTestGet
функция loadTestGet()
{
var iobj = document.getElementById("btnTestGet");
//привязка прослушивания кнопки btnTestGet
вар clickRouter = новый jsEvent.EventRouter(iobj,"onclick");
clickRouter.addListener(btnTestGetClick);
}
функция btnTestGetClick()
{ // URL открытых параметров, onload, params, метод, contentType, onerror
cobj = new net.xmlHttp("DefaultHandler.ashx?T=1",dealResult, null, "GET");
}
/**//* Конец*/
функция DealResult()
{
var dobj = document.getElementById("divResult");
dobj.innerHTML = cobj.req.responseXML.text;
}
окно.онлоад = функция()
{
//Привязываем сообщение для отправки события xmlHttp в btnTestPost
загрузитьТестПост();
//Привязываем Get для отправки события xmlHttp в btnTestGet
загрузитьТестПолучить();
}
Последний — код для обработки .net xmlHttp;
.net обрабатывает запросы xmlHttp
общедоступный класс DefaultHandler: IHttpHandler
{
защищенный XmlDocument _xmlResult
общественный недействительный ProcessRequest (контекст HttpContext);
{
если (context.Request["T"] != ноль)
{//GET тест xmlhttp
context.Response.ContentType = "текст/xml";
XmlDocument xmlDoc = новый XmlDocument();
xmlDoc.LoadXml(string.Format(@"<time>GET:{0}</time>", System.DateTime.Now));
xmlDoc.Save(context.Response.OutputStream);
контекст.Ответ.Конец();
}
еще
{//POST xmlhttp-тест
context.Response.ContentType = "текст/xml";
XmlDocument xmlDoc = новый XmlDocument();
xmlDoc.Load(context.Request.InputStream);
если (xmlDoc.DocumentElement.Name == "T")
{
xmlDoc.LoadXml(string.Format(@"<time>POST:{0}</time>", System.DateTime.Now));
xmlDoc.Save(context.Response.OutputStream);
контекст.Ответ.Конец();
}
}
}
public bool IsReusable
{
получать
{
вернуть ложь;
}
}
}
http://www.cnblogs.com/laiwen/archive/2006/12/26/604050.html