首页 > 代码库 > Spring MVC 通过ajax实现前后台交互

Spring MVC 通过ajax实现前后台交互

2024-07-17 19:51:38   223人阅读

先看前台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 拿到后台结果，显示在页面中。
在这个公司做项目都是用的这种结构，还是挺好理解，就是平常写代码的时候，多注意一些细节问题，多思考，写代码之前多思考是很重要的，这会让你少走弯路，避免不必要的时间。
 






























        

            
                
                  
                
                

                    联系

                    我们