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 ......
Ajax添加数据之后,刷新前台页面,数据没有变化。
只有重新找开IE再输入地址,才能看到效果。
以上这些是不是缓存的原因啊?怎么解决?
ajax缓存问题解决途径:
1.在AJAX请求的页面后加个随机函数,我们可以使用随机时间函数
加时间戳 var url = BaseURL + "&timeStamp=" ......
使用Ajax无刷新上传文件是当前比较流行的功能。借助JQuery强大的插件,现在已经可以很容易了。
首先导入js文件jquery.ajaxfileupload.js。此插件的原理是在文档中创建iframe和form然后在将文件上传到服务器。
1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head id="Head ......
使用js来操作flex
首先在fademo.mxml中声明一个button,并添加一个btnClick方法:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="l ......
qooxdoo是一个自由免费的Ajax GUI框架,现在它的1.0版本提供了下载。 qooxdoo的发音为 ['ku:ksdu:],,它提供了使用JavaScript实现几乎所有,建立类桌面Web应用程序所需的用户界面。根据开发者HTML, CSS或 DOM知识不是必需的。这个架构可以运行在所有主流的浏览器上,例如:Internet Explorer, Firefox, Safari, Opera和Chr ......