Spring MVC 通过ajax实现前后台交互
先看前台ajax部分:
1 $(‘#delMd‘).click( 2 function(){ 3 if($(‘#reqState‘).val() == ‘2‘){ 4 $.Dialog.show("申请单已提交审批,不能再更改"); 5 return false; 6 } 7 if($("#itemNo").val() == ‘0‘){ 8 $.Dialog.show("请选择要删除的主数据"); 9 return false; 10 } 11 jQuery.ajax({ 12 url: "create/delMd.htm", 13 data: {"reqNo":$("#reqNo").val(), "itemNo":$("#itemNo").val()}, 14 type: "POST", 15 error: function(data) { 16 $.Dialog.show("表单提交出错,请稍候再试"); 17 }, 18 success: function(data) { 19 if(!data.success){ 20 $.Dialog.show(‘删除失败‘); 21 return; 22 } 23 var reqName = $(‘#reqName‘).val(); 24 var reqNo = $(‘#reqNo‘).val(); 25 var reqState = $(‘#reqState‘).val(); 26 var piid = $(‘#piid‘).val(); 27 $(‘#zcepcform‘)[0].reset(); 28 $(‘#reqNo‘).val(reqNo); 29 $(‘#reqState‘).val(reqState); 30 $(‘#piid‘).val(piid); 31 $(‘#reqName‘).val(reqName); 32 $("#itemNo").val(0); 33 getMdList(); 34 } 35 }); 36 return false; 37 } 38 );
data部分可以采用上述这种方式,还可以传一个表单,如$(‘#testForm‘).serialize()
url即是请求的controller地址
@RequestMapping("zcepc/create/delMd.htm") @ResponseBody public ResultInfo createDelMd(String reqNo, int itemNo){ ResultInfo ri = zcepcManager.delMd(reqNo,itemNo); return ri; }
最后把结果放在一个结果集里。前台ajax 拿到后台结果,显示在页面中。
在这个公司做项目都是用的这种结构,还是挺好理解,就是平常写代码的时候,多注意一些细节问题,多思考,写代码之前多思考是很重要的,这会让你少走弯路,避免不必要的时间。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。