AJax实现局部刷新功能的留言板
公司最近给我一个任务:把一个用iframe做的留言板改写用Ajax做,这样做的原因是:对搜索引擎的优化。虽然很早就知道Ajax可以做局部刷新,但因为自己是刚毕业入职的菜鸟,仅仅是知道有这么个技术可以做这样一功能而已。一边学一边做。现在这功能还没完全弄好,先总结下思路以便更好的学习:
业务逻辑:在线研讨会,提问者页面立即局部刷新,其他用户打开了这个页面定时局部刷新。
所用知识:ajax 定时器 往主页面局部div里异步加载进一个显示提问者所提问题列表的页面
代码:
//清空输入框,提示已输入
function submitQA() {
document.qasubmit.body.value = "";
qahint.innerHTML = "<b> 您的发言已经提交,欢迎继续发言。谢谢。</b>"
}
//点击问题提交调用
function readySubmit() {
setTimeout(submitQA, 1000);
setTimeout(function(){assign('tv');} , 1500);
}
//异步加载数据处理页面
function load(id) {
assign(id);
setTimeout(function () { load(id);},5000);
}
//往主页div插入一个页面
function assign(id){
/* Create a new XMLHttpRequest object to talk to the Web server */
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX!");
 
相关文档:
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp
;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Expl ......
这几天在准备做一个嵌入式设备的web server,并且希望能做到设备状态的动态显示。从cgi到html,从html到javascript,从javascript到XMLHttpRequest,真是又当爹又当妈的(嘿嘿,可不是粗口啊)。XMLHttpRequest是何物?不用刷新页面就能和server端交换数据。岂不是正合我意。看了两篇文章才恍然大悟,难道这就是传说中的Aj ......
我自己写个快速入门的ASP.NET的完全可视化Ajax开发,用Visual studio2008里面自带的AJAX Extensions控件。
1,首先,往页面里面拽一个ScriptManager控件(注册脚本,必须在所有服务器控件之前出现)
2,往页面里拽一个UpdatePanel控件(局部刷新控件)
3,在UpdatePanel控件的面板里,拽一个TextBox控件TextBox1和一个La ......
向大家推荐10个相当棒的Ajax和Javascript国外资源网站或博客,它们提供了相当多的高质量Ajax、Javascript实例及教程,喜欢Ajax和Javascript的朋友绝对不能错过。
1.Ajax Rain
AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例,有一些Demo的确值得你去看一看,即使你不是网页设计(开发)师。
Ajax/Javascri ......