Javascript XMLHttpRequest asp.net は、refreshing_javascript スキルなしでデータベース データを読み取ります

/**////
/// CDATA を生成するポイント
///
/// XmlDocument
/// 元素名
/// CDATA值
/// XmlElement
public static XmlElement CreateXmlNodeCDATA(XmlDocument xDocument, string elementName, string cdataValue)
{
try
{
XmlElement xElement = xDocument.CreateElement(elementName);
XmlCDataSection cdata = xDocument.CreateCDataSection(cdataValue);
xElement.AppendChild(cdata);
return xElement;// 返す
}
catch (例外 ex)
{
throw ex;
}
}
Helper#region ヘルパー
/**////
/// 向页面输出力xml 内容
///
/// xml 内容
private void ResponseXML(XmlDocument xmlNode)
{
System.Web.HttpContext.Current.Response.Expires = 0;
System.Web.HttpContext.Current.Response.Clear();
System.Web.HttpContext.Current.Response.Cache.SetNoStore();
System.Web.HttpContext.Current.Response.ContentType = "text/xml";
System.Web.HttpContext.Current.Response.Write(xmlNode.OuterXml);
System.Web.HttpContext.Current.Response.End();
}
/**////
/// 创建Ajax は情報を返します
///
///
private void CreateResponse(string result)
{
XmlDocument xDocument = new XmlDocument();
XmlDeclaration detect = xDocument.CreateXmlDeclaration("1.0", "UTF-8", "yes");
XmlElement root = xDocument.CreateElement("root");
XmlElement eleResponse = CreateXmlNodeCDATA(xDocument, "response", result);
root.AppendChild(eleResponse);
xDocument.AppendChild(declare);
xDocument.AppendChild(root);
ResponseXML(xDocument);
System.Web.HttpContext.Current.Response.End();
}
/** **////
/// 向页面输出力xml 内容
///
/// xml 内容
private void ResponseXML(XmlDocument xmlNode)
{
System.Web.HttpContext.Current.Response.Expires = 0;
System.Web.HttpContext.Current.Response.Clear();
System.Web.HttpContext.Current.Response.Cache.SetNoStore();
System.Web.HttpContext.Current.Response.ContentType = "text/xml";
System.Web.HttpContext.Current.Response.Write(xmlNode.OuterXml);
System.Web.HttpContext.Current.Response.End();
}


インターネット上には Ajax に関する多くのトピックがありますが、その多くはコントロール オープン ソース フレームワークを使用して実装されており、特に vs2008 は多くの ajax コントロールを統合し、ajax 実行プロセスを緊密にカプセル化しています。私もこれらのフレームワークとコントロールを使用したことがありますが、とても快適です。しかし最近、ふと思い立って、ajax がどのように実行されるのかを見てみたいと思い、自分で実装してみようと思い、たまたま js のスキルを鍛えました。タイトルにあるように、早速、実行プロセスを見てみましょう。
1. この実装では、AjaxTest6.aspx と Ajax.aspx の合計 2 つのページを使用します
このうち、AjaxTest6.aspx はリクエストを開始するページであり、Ajax.aspx は AjaxTest6.aspx のリクエストを取得し、処理します。
処理プロセス: (1) AjaxTest6.aspx が http リクエストを開始します ---> (2) Ajax.aspx が URL 内のパラメーターを取得し、これらのパラメーターに基づいてデータベース内でクエリ操作を実行し、結果 (データ) を返します。 set) -- ->(3) 返されたデータセットを XML として処理し、応答として出力します。現在の出力データの形式は xml であることに注意してください --- (4) AjaxTest6.aspx は Ajax.aspx の出力 xml データを取得し、それを表示します
2. AjaxTest6.aspx の js コード