jquery提交表单.doc

JQuery这个JS框架的可以帮我们做很多事件，接下来简单介绍一下JQuery的AJAX的用法。 一，利用JQuery帮我们提交表单简化我们的工作。 首先回顾以前我们提交表单时的做法。 1,在JSP页面里要有一个FORM 如： 2,配置STRUCT控制层 3,触发事件 document.cinemaFrom.submit ;可提交表单，执行ACTION的saveOrEdit后通过 STRUCT控制层的页面指向再回到原来的提交页 总结： 显然这种法很复杂，如果头脑不清醒很容易搞混或是在配置时单词敲错了造成很隐蔽的错误，往往要调试半天才能更正错误，从而造成效率低下。 现在我们用JQUERY的AJAX提供的方法 1,JSP页里的FORM 2, 引用JQuery的插件jquery.horm.js 定义单击事件 JS事件的代码 接下来对上述方法进行详述： 序列化表单data表现形式如:pName1 value1pName2 value2pName3 value3… 接下来的TYPE:”POST”是提交方法类型，还有“GET” URL是我们要调用的Action的方法，注意返回值为null， Success:这个属性很多人理解是我的action方法成功执行后才会返回，如果action中抛出例外或是没有正常执行业务则不会执行。 其实它的意思是：服务器反回响应即是成功，至于返回什么样的数据它是不会关心的，所以在实际工作中业务是否执行成功还需要我们跟据返回值来进行区分处理。上述处理是如果一个新对象则是没有执行成功，提示用户失败 如果返回是提交的对象则说明保存成功，并将新数据添加到列表，同时刷新树。 Action 方法如下： 总结： 我们用JQuery的Ajax的方法是不是方便了许多，跟本不用我们去配置struts的控制，更不会刷新整体页面而得到同样的想要的效果。 接下来的内容同样重要 jquery.horm.js 同时给我们提供了更方便的方法来提交表单 1,ajaxForm 2,submitForm 写法大概下： ajaxForm方式 submitForm方式 这两种方法很产方便，但是为什么要还要通过ajax的方式来提交呢？原因出现在这里 这两种方式在form中必需出现 提交按钮，这样它才会触发事件进行提交 但是我们在实际的开发中为了界面的美观常常会用图片来代替那个生硬灰不了溜湫的按钮，而造成不能使用这两种方法。