码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-08-15 19:12:59      阅读:6693      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   os   io   数据   for   ar   

先看前台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实现前后台交互,布布扣,bubuko.com

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

标签:style   blog   color   os   io   数据   for   ar   

原文地址:http://www.cnblogs.com/wyhailjn/p/3915334.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!