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

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

 

转载于:https://www.cnblogs.com/wyhailjn/p/3915334.html