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 拿到后台结果,显示在页面中。

在这个公司做项目都是用的这种结构,还是挺好理解,就是平常写代码的时候,多注意一些细节问题,多思考,写代码之前多思考是很重要的,这会让你少走弯路,避免不必要的时间。


 

Spring MVC 通过ajax实现前后台交互,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。