dwz:表单提交的实现原理

来源:互联网 发布:穿墙软件 编辑:程序博客网 时间:2024/06/02 01:28

原文地址:http://blog.csdn.net/wch_99/article/details/5633443


dwz--国人基于jQuery之上开发的富客户端框架

简单易用,开源、免费。

地址:http://code.google.com/p/dwz/

 

主要工作模式:请求的新页面,几乎都是通过ajax异步请求新页面,然后将返回的值动态加入当前页面里。新页面都只是html片段,而不是完整的一个html页。

 

dwz:表单提交的实现原理:

dwz的表单form写法如下:

<form method="post" action="demo_page4.ashx" class="pageForm required-validate" onsubmit="return validateCallback(this, called);">

其中onsubmit 中调用的函数 validateCallback 读取了表单的数据,并作异步提交。

而validateCallback 本身远永返回 false,这样表单就不会按常规方式提交,也就避免了点提交后整个网页跳到 action 新页面的情况。

validateCallback 函数需要传入两个参数,其中第二个参数是回调函数。如果表单提交后需要作后序处理,则可以自定此回调函来实现。

validateCallback中ajax的dataType定义为JSON,所以接收页面应该返回JSON格试数据,否则会出错。

 

IIS不允许ajax访问*.htm或是*.html后缀的网页的处理办法:

将提交方式post改为get即可,dwz里为修改dwz.core.js文件中的loadUrl函数。

 

目前我的问题:

    1)不知道会不会出现内存溢出的问题。

    2)如果要加载的新页,想用asp.net的服务端控件,直接跟自己的后台程序直接交互,这样除了用iframe之外,还有没有更好的办法。


0 0
原创粉丝点击