关于ajax的N个疑问

peihexian 2006-03-05 10:52:30

公司决定要在新项目中使用ajax技术，这几天我也是狂学习ajax技术，准备用dwr实现，但是不管使用什么框架，所有的ajax应用是否都有以下几个问题？

1.需要写大量的javascript来处理和服务器交互的结果？
我写了8年程序了，但是说实话一看javascript就头疼，项目中最大的单表有几十个字段的数据要处理，这些input的东东全要一个一个的写javascript来读值和附值吗？如果是的话启不是太恐怖了？

2.防止用户重复操作？
传统的WEB程序，一点提交按钮数据就发到服务器端去处理了，有的初级用户分不清什么是单击和双击，在ajax中如果有的按钮他双击或不断的点击怎么办？传统程序中点完界面就等着服务器返回结果了，不用考虑用户双击或不断点击的情况。

3.安全控制
我们选择的dwr可以实现session级的安全控制，但是其他的ajax框架也都可以实现安全控制吗？

...全文

143 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

peihexian 2006-03-05

打赏
举报

ajax.dll是用在.net平台下的吧？

超级大笨狼 2006-03-05

打赏
举报

到置顶的帖子去下我提供的例子

超级大笨狼 2006-03-05

打赏
举报

1.需要写大量的javascript来处理和服务器交互的结果？
用ajax.dll有例子，就不用写大量

2.防止用户重复操作？
单双击可以分辨出来的

3.安全控制
道理一样的。

peihexian 2006-03-05

打赏
举报

还有一个问题，那就baidu或google等搜索引擎能够收录ajax网站的内容吗？

TimBo 2006-03-05

打赏
举报

1,并不是所有的情况都要使用ajax,不能把它作为提交数据的主要方法.如果您想做到,填写一个内容就要到数据库查询,或者判断,然后马上提示,那当然要有很多东西要写,框架只能节省一部分重复的操作.
2,按钮一般都是单击的,如果客户双击了,一般影响不大,除非是重复提交验证这样的情况,要单独对待,但毕竟是少数.
3,俺了解不多,

主要介绍了Ajax 动态载入html页面后不能执行其中的js快速解决方法,需要的朋友可以参考下

主要用了Uploadify插件，还有AJAX。兼容各种主流浏览器：chrome Firefox IE ... IE7以上都兼容，IE6没试过。因为Uploadify是用flash做的，所以如果浏览器上面看不到"上传"按钮，请先检查你的flash是否已安装。压缩包里包含两个项目，一个是多图上传的示例(不含数据库)，另一个也是多图上传的示例，不过这个可以修改每张图片的描述，所以用了SQL数据库。项目中UploadHandler.ashx里面有等比例生成缩略图和裁剪图片的方法，如有需要可直接调用。第一个项目和第二个项目都主要用Jquery AJAX Uploadify来完成上传图片的功能。很简单的代码，不会复杂。如果不认识这三个东西的，建议百度或谷歌一下。第二个项目用了linq to sql进行对SQL数据库的操作，包括上传图片时对数据库进行插入数据的操作，删除图片时对数据库进行删除的操作，设置"封面图片"时对数据库的操作。这个我是用ASP.NET建的项目，如果你是其他平台的也可以参考里面某些代码，如Uploadify上传，Jquery对图片列表的操作。其他的具体看项目，代码片段： PicUpload.js : //删除图片 function deletePic(n) { $.ajax({ type: "GET", url: "/api/UploadHandler.ashx?action=deletePic", data: "picName=" + n + "&ver=" + new Date().getTime(), dataType: "html", success: function (data) { if (data.length > 10) { $("li[id='p_" + n.replace(".jpg", "") + "']").remove(); } } }) } UploadHandler.ashx : //删除图片 public bool DeletePic(string pName) { string uploadPath = HttpContext.Current.Server.MapPath("~/Upload/" + pName); if (System.IO.File.Exists(uploadPath)) { System.IO.File.Delete(uploadPath); Album query = (from item in db.Album where item.Pname == pName select item).First(); db.Album.DeleteOnSubmit(query); db.SubmitChanges(); return true; } else return false; } 最后简单说下Uploadify,Uploadify的介绍网上都很多,也有很多的示例。我就说说功能,看下面的代码： $(document).ready(function () { $("#uploadify").uploadify({ 'uploader': '/js/jquery.uploadify-v2.1.0/uploadify.swf', 'script': '/api/UploadHandler.ashx', 'cancelImg': '/js/jquery.uploadify-v2.1.0/cancel.png', 'folder': '/Upload', 'queueID': 'fileQueue', 'auto': true, 'multi': true, 'fileDesc': '请选择.jpg .png .bmp .jpeg文件', 'fileExt': '*.jpg;*.png;*.bmp;*.jpeg;', 'onComplete': function (e, queueId, fileObj, data) { $("#photoListUl").append(data); $("#progressText2").hide(); document.getElementById('photoListUl').scrollTop = "99999"; }, 'onSelect': function (e, queueId, fileObj) { $("#progressText1").text(iSum++); $("#progressText2").show(); } }); }); function uploadFile() { jQuery('#uploadify').uploadifyUpload() } 可以限定选择上传的文件类型,我这里是上传图片. 可以限定要上传的文件的大小,如限定为15M？可以在上传的时候添加参数或各种验证. 这些你在网上可以找到很多例子的，我在项目里就不添加上去了。 ----------------------------------------------------------------- 项目仅供参考。如有疑问可直接回复或企鹅: 514158268

NCELL聊天宝

Kem-Tek化学网站

什么是SWFUpload？　　SWFUpload是一个客户端文件上传工具，最初由Vinterwebb.se开发，它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点　　* 可以同时上传多个文件；　　* 类似AJAX的无刷新上传；　　* 可以显示上传进度；　　* 良好的浏览器兼容性；　　* 兼容其他JavaScript库 (例如：jQuery, Prototype等)；　　* 支持Flash 8和Flash 9；　　SWFUpload不同于其他基于Flash构建的上传工具，它有着优雅的代码设计，开发者可以利用XHTML、CSS和JavaScript来随心所欲的定制它在浏览器下的外观；它还提供了一组简明的JavaScript事件，借助它们开发者可以方便的在文件上传过程中更新页面内容来营造各种动态效果。　　在使用SWFUpload之前，请确认你具备一定的JavaScript和DOM知识。在实际开发中，大部分的错误都是由于错误的设置和低劣的Event Handlers处理程序所造成的。 [编辑本段]文档中文翻译　　http://www.v-sky.com/doc/swfupload/v2.1.0/Documentation.html [编辑本段]效果演示　　* Classic Form Demo http://demo.swfupload.org/formsdemo ; 　　* Features Demo http://demo.swfupload.org/featuresdemo ; 　　* Application Demo http://demo.swfupload.org/applicationdemo ; 　　* v1.0.2 Plugin Demo http://demo.swfupload.org/v102demo ; [编辑本段]选择合适的Flash控件　　在发行包（SWFUpload v2）中含有2个版本的Flash控件（swfupload_f8.swf 与wfupload_f9.swf），其中第一个版本拥有最佳的兼容性，但是为此损失了部分功能；而第二个版本提供了一些附加的功能但是损失了兼容性。 [编辑本段]SWFUpload的初始化与配置　　首先，在页面中引用SWFUpload.js ，如　　　　然后，初始化SWFUpload ，如　　var swfu; 　　window.onload = function () { 　　swfu = new SWFUpload({ 　　upload_url : "http://www.swfupload.org/upload.php", 　　flash_url : "http://www.swfupload.org/swfupload_f9.swf", file_size_limit : "20480" 　　}); 　　}; 　　以下是一个标准的SWFUpload初始化设置所需的参数，你可以根据需要自己进行删减：　　{ 　　upload_url : "http://www.swfupload.org/upload.php", 处理上传请求的服务器端脚本URL 　　file_post_name : "Filedata", 是POST过去的$_FILES的数组名　　post_params : { 　　"post_param_name_1" : "post_param_value_1", 　　"post_param_name_2" : "post_param_value_2", 　　"post_param_name_n" : "post_param_value_n" 　　}, 　　file_types : "*.jpg;*.gif", 允许上传的文件类型　　file_types_description: "Web Image Files", 文件类型描述　　file_size_limit : "1024", 上传文件体积上限，单位MB 　　file_upload_limit : 10, 限定用户一次性最多上传多少个文件，在上传过程中，该数字会累加，如果设置为“0”，则表示没有限制　　file_queue_limit : 2, 上传队列数量限制，该项通常不需设置，会根据file_upload_limit自动赋值　　fl