易截截图软件、单文件、免安装、纯绿色、仅160KB

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


相关文档:

AJAX控件使用教程

1. Accordion
【功能概述】Accordion可以让你设计多个panel 并且一次只显示一个Panel .在页面上的显示效果就像是使用了多个CollapsiblePanels只不过每一次只展开其中一个 CollapsiblePanel.Accordion控件内部包含了若干个AccordionPane,每一个AccordionPane的 template里包括了对其Header和Content的定义。我们可以在后台 ......

基本的ajax脚本


var xmlhttp;

function verify()
{
   //2.创建XmlHttpRequest对象
   //这是XmlHttpRequest对象五步中使用最复杂的一步
   //需要针对IE和其他类型的浏览器建立这个对象的不同方式写不同的代码
   if(window.XMLHttpRequest)
   {
  ......

WCF中的服务和ASP.NET AJAX中的WebService

WCF的架构:using System.ServiceModel;
契约:Contract
[ServiceContract]
public partial interface IContract
{
        [OperationContract]
        string DocumentWebHostUrl();
}
服务:Service
[ServiceBehavior(IncludeException ......

AjaX 二级联动

JSP:
课程名称:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/options.js"></script>
 <html:select property="icourseId" onchange="change(this)" style="width:180px;">
      <html:opt ......

Ajax 在用户控件中的应用(以Google Suggest为例)

事件触发:
 <input name="keyword" onkeyup="LoadResults(this.value)" id="keyword" runat="server"/>
客户端主体:
//定义用户控件ID全局变量
var ClientID;
function ShowDiv(divid)
{
//...
}
function HideDiv(divid)
{
//...
}
//页面加载时的处理
function BodyLoad()
{
HideD ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号