Struts2和jsp使用jquery ajax发布提交并获得一个像toast一样的消息来消失?
我正在使用struts2进行Web应用程序开发。 在注册表单中,我想使用query ajax
,以便表单以异步方式提交,并且在成功的表单提交上, 我可以获得服务器端成功消息,其forms为toast或来自和消失的元素。
好吧,我已经尝试了很多,并在某处实现了这个东西,但没有使用jquery ajax
而是正常的javascript and ajax
而不是。
代码流程如下:
-
包含表单的
Home.jsp
页面。 -
定义映射的文件,即struts.xml。
- 当数据在数据库中成功保存时,输出页面也是同一页面。
现在使用ajax和jquery我想知道如何实现所需的function。 从哪里通过行动…以及如何进一步……?
好吧,如果你已经用简单的java脚本和AJAX实现了它,我相信它与你使用Jquery的方式没有什么不同。 Jquery没有什么不同,java脚本作为它的库构建了java脚本以使开发人员生活愉快。
您可以使用Jquery post方法提交表单,并可以在成功注册时从服务器发送字符串
$.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType });
为了更好的控制,我建议你使用Struts2-Json插件和Jquery Jsonfunction将数据发送到服务器并从服务器获取结果
var formInput='val='+val; $.getJSON('myaction',formInput,function(data) { $.each(data.myData,function(index, value){ alert(index); }); });
有关更多详细信息,请参阅本教程
- Ajax的动态内容与- struts2的-jquery的和- JSON-插件
对我来说,解决方案是jquery.html()
函数。 我通过其他html内容来完成工作的地方。 Jquery html
Jquery也很棒,重量也很轻。
//saving category button $("#save").on({click:function () { if (!($("#subcategory").val().length == 0)) { $.ajax({url:"savecategory", data:$("#savecategoryform").serialize(), type:"post", dataType:"json", success:function (data) { alert("Successfully Saved"); }}); } }});