[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来自:http://www.qqread.com/ajax/x396638.html
更多内容请看Ajax技术专题、Ajax技术应用开发专题,或进入讨论组讨论。
今天试着被调用的态页面反回XML结构的,再用 Js去读这个结果,再输入,果然成功了。呵呵,也就是一个简单的Ajax应用.
动态页面生成XML的代码:
Javascript读取的方法,FileName参数是被调用的动态页面,panelID 是最终要显示的区域ID名称
重点:xmlDoc.async="false"; 异步方式读取
应用效果: http://www.uctoy.com来自:http://www.qqread.com/ajax/x396638.html
相关图文阅读
频道图文推荐
健 康 咨 询
时 尚 咨 询
相关专题
- Ajax技术专题 (556篇文章)
- Ajax技术应用开发 (556篇文章)
- AJAX应用之注册用户即时检测 (14次浏览)
- AJAX应用之草稿自动保存 (7次浏览)
- 为ASP.NET MVC框架添加AJAX支持 (4次浏览)
- AJAX通用类:AJAXRequest v0.3 (3次浏览)
- AJAX开发简略 (3次浏览)
- ajax的缺点 (3次浏览)
- ajax代理程序自动判断字符编码 (3次浏览)
- AJAX打造博客无刷新搜索 (2次浏览)
- 不用组件实现Ajax效果 (0次浏览)
- XMLHttpRequest对象如何铸就AJAX辉煌 (0次浏览)



