通过Microsoft.XMLDOM实现简单的Ajax
[IT168 技术文档]今天在在做公司的搜索关键词功能，因为哪个页面要做成静态HTML的，所以想了几个方法，昨天晚上快下班的时候上头才说要改，就急急忙忙地改了一下，实现的方法是用<script type="text/javascript" src="动太态面+参数"></script>来读这些动态的数据，但是因为页面上搜索有条件，切换条件是直接用js来处理的，所以，在切换的时候，热门关键词都要跟在改变。但问题随之而来！<s cript> 这个区域我没有办法在页面不刷新的情况下重新调用它。所以一直没有解决。
今天试着被调用的态页面反回XML结构的，再用 Js去读这个结果，再输入，果然成功了。呵呵，也就是一个简单的Ajax应用.
动态页面生成XML的代码：
protected void Page_Load(object sender, EventArgs e)
{
Response.ContentType = "text/xml";
}
生成XML#region 生成XML
private void CreateXML()
{
string strContent = "";
for (int i = 0; i < 100; i++)
{
strContent += "<item><word><![CDATA[" + "关键词" + i.ToString() + "]]></word><type>" + i.ToString() + "</type></item>";
}
WriteXML(strContent);
}
#endregion
输出XML#region 输出XML
private void WriteXML(string strContent)
{
Response.Write("<keywords>" + strContent + "</keywords>");
}
#endregion
Javascript读取的方法,FileName参数是被调用的动态页面，panelID 是最终要显示的区域ID名称
重点：xmlDoc.async="false"; 异步方式读取
function ReadKeywords(filename,panelID)
{
var panel = $(panelID);
//取得取后输出的区域，来自参数
var strContent = "";
panel.innerHTML = "载入中";
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
//去读用动态页面，并读到结果的XML
xmlDoc.load(filename);
//选定节点
var item = xmlDoc.selectNodes("keywords/item");
//没内容时的处理
if(item == null)
return ;
if(item.length == 0)
return ;
//通过循环组合内容
for(var i=0;i<item.length;i++)
{
strContent += "<span>"
strContent += "<a href='Search.aspx?KeyWord="+ item[i].selectSingleNode("word").text+"&type="+item[i].selectSingleNode("type").text+"'>"+ item[i].selectSingleNode("word").text+"</a>";
strContent += "</span> ";
}
//显示到区域上面
panel.innerHTML = strContent;
}
应用效果: http://www.uctoy.com
今天试着被调用的态页面反回XML结构的，再用 Js去读这个结果，再输入，果然成功了。呵呵，也就是一个简单的Ajax应用.
动态页面生成XML的代码：
protected void Page_Load(object sender, EventArgs e) { Response.ContentType = "text/xml"; } 生成XML#region 生成XML private void CreateXML() { string strContent = ""; for (int i = 0; i < 100; i++) { strContent += "<item><word><![CDATA[" + "关键词" + i.ToString() + "]]></word><type>" + i.ToString() + "</type></item>"; } WriteXML(strContent); } #endregion 输出XML#region 输出XML private void WriteXML(string strContent) { Response.Write("<keywords>" + strContent + "</keywords>"); } #endregionJavascript读取的方法,FileName参数是被调用的动态页面，panelID 是最终要显示的区域ID名称
重点：xmlDoc.async="false"; 异步方式读取
function ReadKeywords(filename,panelID) { var panel = $(panelID); //取得取后输出的区域，来自参数 var strContent = ""; panel.innerHTML = "载入中"; var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.async="false"; //去读用动态页面，并读到结果的XML xmlDoc.load(filename); //选定节点 var item = xmlDoc.selectNodes("keywords/item"); //没内容时的处理 if(item == null) return ; if(item.length == 0) return ; //通过循环组合内容 for(var i=0;i<item.length;i++) { strContent += "<span>" strContent += "<a href='Search.aspx?KeyWord="+ item[i].selectSingleNode("word").text+"&type="+item[i].selectSingleNode("type").text+"'>"+ item[i].selectSingleNode("word").text+"</a>"; strContent += "</span> "; } //显示到区域上面 panel.innerHTML = strContent; }应用效果: http://www.uctoy.com
0
相关文章
关注我们
