uchome2.0的ajax技术流程研究心得跟大家分享
前言：
基于uchomer的插件如果没有使用ajax或flex，可以说无论如何也做不到完美的。而相比于flex，ajax使用的较多。好多插件开发者在研究
uchome的ajax的使用过程中花费了不少时间，此文意在减少插件开发者的研究时间。flex相关插件的说明，敬请关注！
此文整理花了本同学4个小时以上的时间，如果版主觉得对大家有帮助，请加精！非常感谢：）
我们举日志回复为例：
一、局部刷新的部分（先看看现象）
图一：
1、评论条数由原来的a修改为a+1;
2、评论内容。从数据库里读取显示于此；
3、提示语，这里的“搞好了”，是我修改之后的，原来好像是“你执行的操作已成功”。当然里的内容也可能是“你发帖的时间太短了，请等等59秒后再发”之类的。
注意，用innerHTML来展示的还有右上角的红色loading…，不过因为出现的时间太短，不方便截图，而且大家也很容易理解，在此不多解释。
二、好了，看完现象之后，我们要从代码来研究执行过程了
1、模板文件template/default/space_blog_view.htm评论表单代码里的
（1）、onclick=”ajaxpost(’quickcommentform_{$id}’, ‘comment_add’)” />
复制代码
点击“评论”的时候要调用的java script函数ajaxpost(),ajaxpost函数在哪里呢？在
2、source/script_ajax.js的267行
function ajaxpost(formid, func, timeout) {
showloading();
if(ajaxpostHandle != 0) {
return false;
}
var ajaxframeid = ‘ajaxframe’;
var ajaxframe = $(ajaxframeid);
if(ajaxframe == null) {
if (is_ie && !is_opera) {
ajaxframe = document.createElement(”<iframe name=’” + ajaxframeid + “‘ id=’” + ajaxframeid + “‘></iframe>”);
} else {
ajaxframe = document.createElement(”iframe”);
ajaxframe.name = ajaxframeid;
ajaxframe.id = ajaxframeid;
}
ajaxframe.style.display = ‘none’;
$(’append_parent’).appendChild(ajaxframe);
}
//产生异步的十字路口
$(formid).target = ajaxframeid;
$(formid).action = $(formid).action + ‘&inajax=1′;
ajaxpostHandle = [formid, func, timeout];
if(ajaxframe.attachEve
相关文档：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/ ......
前后端的交互是整个框架的中心，我希望从流的角度来设计AJAX的交互
AJAX的设计将横贯前后端
前端是主动
后端是被动
整体考虑的话 前后端使用一个统一的接口进行AJAX交互
后端 用一个唯一的URL来处理 AJAX请求
接口名称 处理接口：[http://域名/mvc.ajax] 封装所有的AJAX请求的预处理
......
WCF的架构：using System.ServiceModel;
契约:Contract
[ServiceContract]
public partial interface IContract
{
[OperationContract]
string DocumentWebHostUrl();
}
服务：Service
[ServiceBehavior(IncludeException ......
1.前、端后都要做好安全的把关工作
由于Ajax也会接收后端传送来的资料，对这些资料都要采不信任态度，必须加以检查。
2.尽量以HTTP POST方法传输资料
虽然POST并非万无一失，但比起GET至少较为安全。
3.不要直接用eval函式唤起JSON物件
JSON是采用JavaScript物件实字的资料格式，从后端传到Ajax程式时，必须采用eval� ......
事件触发：
<input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
客户端主体：
//定义用户控件ID全局变量
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//页面加载时的处理
function BodyLoad()
{
HideD ......
