Struts2和jsp使用jquery ajax发布提交并获得一个像toast一样的消息来消失?

我正在使用struts2进行Web应用程序开发。 在注册表单中,我想使用query ajax ,以便表单以异步方式提交,并且在成功的表单提交上, 我可以获得服务器端成功消息,其forms为toast或来自和消失的元素。

好吧,我已经尝试了很多,并在某处实现了这个东西,但没有使用jquery ajax而是正常的javascript and ajax而不是。

代码流程如下:

  • 包含表单的Home.jsp页面。

       
  • 定义映射的文件,即struts.xml。

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"); }}); } }});