ajax文档中心

1.Ajax Rain
　　AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例，有一些Demo的确值得你去看一看，即使你不是网页设计(开发)师。
Ajax/Javascript实例:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy
　　Ajax Daddy收集了大量漂亮的Web2.0工具，其中一个使用的功能就是，在你把某个Ajax/Javascript实例应用在自己的网站上之前，你可以在它上面先看看效果演示。
Ajax/Javascript实例:
Flickr Like edit
MooTools Autocomplete
SlideShow Viewer
Prototype window
Shoutbox
3.Mini Ajax
　　MiniAJAX 是一个新生的网站，收集了少许 DHTML 和 AJAX 脚本, 它的代码片段风格非常实用。
Ajax/Javascript实例:
Prototype Window – Demo
AJAX Star Rating Bar – Demo
Heatmap for your website
An AJAX contact form
Digg – like spy script
4.Ajaxian
　　一个接近于门户类型的AJAX资源站点，包括Ajax示例收集，博客，论坛和教程等等。
Ajax/Javascript实例:
CSSHttpReques ......

var jsonObj;
var xmlhttp = null;
function callAsync(url, callbackSuccess)
{
xmlhttp = new Ajax();
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange=function()
{
  // readyState = 4 ; "complete"
  if (xmlhttp.readyState==4)
  {
   // status = 200 ; "ok"
   if(xmlhttp.status == 200)
   {
    uiManager.showNotification(1000, "ok", "Done");
    /*
     * Remove the substr "jsonFlickrApi(" from the responseText
     */
    var text = xmlhttp.responseText;
    text = text.substr(14, text.length-15);

    // Create JSON Oject
    jsonObj = eval('(' + text + ')');

    callbackSuccess(jsonObj);
   }
   else
......

11月21日晚７点应邀在武汉大学信息学院做了一场关于ASP.NET下AJAX开发的报告，以我自己经历讲述了一些特殊应用在过去到现在实现手段的变化，本来想回家之后做个总结的，但是由于最近以来事情一直很多，所以没有来得及总结。今晚得以有空总结一下。
AJAX介绍
其实AJAX应用的核心就是XMLHttpRequest，通过现象看本质，即使使用微软的AJAX服务器控件最终也是需要这些的，只不过使用微软AJAX服务器控件开发AJAX应用时我们不需要关心JS脚本的实现，只需关心业务逻辑就可以了，因而可以简化开发和提高开发速度。AJAX的基础是XHTML、CSS、DOM、JavaScript、XML及XMLHttpRequest。
正确使用AJAX技术可以改善用户体验，是用户与服务器的交互更流畅，某些情况下还能减少服务器流量。在以前AJAX只是作为一种比较炫的技术为一些大型网站所使用，现今这个比云计算还要流行了，至少云计算更多地还是停留在人们的概念里，而AJAX确确实实应用在WEB开发当中了。WEB开发人员的招聘都是言必精通AJAX技术。
下面分别讲讲在ASP.NET开发中可以供选择的开发AJAX应用的方式：
采用纯JavaScript实现
在武侠小说中绝顶高手飞花摘叶都可以伤人，在WEB开 ......

上面一篇博文<<Ajax访问Xml Web Service的安全问题以及解决方案>>中谈及xml web service与wcf新老架构对于ajax安全性的问题,得出了结论,但没有具体验证,本文正是为了验证上文中关于新架构MEX结点与业务终结点分离更有利于服务安全的结论,并稍带着讲述如何在vs2008中用ajax与wcf进行交互.
第一步: 在vs2008中创建一个网站.
在vs2008中,创建网站时候如果选择.Net Framework 3.5的模板,那么创建好的项目中web.config中自动带有ajax的配置.这个在上文中说过.而且在右面的工具箱中也有Ajax控件栏
但如果创建的.net framework 2.0的网站默认情况下web.config中是不支持ajax的.但也有解决办法,下文再说.
第二步: 创建一个可用于ajax交互的wcf服务AjaxWcfService.svc,方式如下:
修改模板产生的服务代码如下:
[OperationContract]
public int IntAdd(int a,int b)
{
// 在此处添加操作实现
return a+b;
}
在浏览器中浏览AjaxWcfService.svc,会出现下面的效果:

第三步: 好,下面一个步骤和原来的xml web service与ajax交互使用方法不太一致.步骤如下 :
访问第二步打开的AjaxWcfS ......

使用Ajax中查询数据库时，只第一次查询了数据库，以后再有请求就不提交给服务器处理了
页头的清缓存标签没起作用
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
解决方法：
1：加时间戳 var url = url + "&timeStamp=" + new Date().getTime();
2：加随机数 var url = url + "&ran=" + Math.random();
3：在request.send(...);之前加 request.setRequestHeader("If-Modified-Since","0");
4：在后台out.print之前加入response.setHeader("Cache-Control", "no-cache");清空缓存 ......

在看文章前，先指定一个通用的变量xhr，xhr代码ajax对象。
测试浏览器：ie为ie6，firefox为2，其他的未测试。统称ie6为ie，firefox2为ff。
基本的
1，最经典的就是ie下的缓存问题了。
如果使用的是get，那么在ie下出现缓存问题。导致代码只执行一次。解决办法就是加时间戳或者随机数，使url变为唯一，这样就不会出现ie下的缓存问题了，或者改为post提交。
xhr.open("get","xxxx.aspx?_dc="+new Date().getTime(),true);
2，ajax对象属性的大小写问题
在w3c浏览器，如ff中，对大小写是敏感。如
if(xhr.readystate==4)这种写法，在ie下是成立的，但是在ff下就行不通了，因为ie不区分大小写，ff是区分大小的。
标准写法为if(xhr.readyState==4)，同理还有属性 responseText，responseXML。
3，ajax状态0问题
有些时候在测试ajax代码的时候，加了 xhr.status==200的判断后，一直不执行xhr.status==200的代码，这个就需要注意了。xhr.status==200是要通过服务器来浏览，并且服务器页面没有发生错误或者转向时才返回200状态的，此状态和你通过浏览器访问页面时服务器定义的状态一致。
直接拖进浏览器浏览结果或者双击运行html页面的，未发生错误时，此时的xhr. ......

10个非常棒的Ajax及Javascript实例资源网站

10个非常棒的Ajax及Javascript实例资源网站

IDE 缺少基础能力集调用库，这是一个简单的Ajax调用。

ASP.NET中的AJAX应用开发总结

ASP.NET中的AJAX应用开发总结

Ajax与WCF交互 WCF之美

ajax缓存问题

ajax常见问题总结