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

先看前台ajax部分：

$('#delMd').click(
            function(){
                if($('#reqState').val() == '2'){
                    $.Dialog.show("申请单已提交审批，不能再更改");
                    return false;
                }
                if($("#itemNo").val() == '0'){
                    $.Dialog.show("请选择要删除的主数据");
                    return false;
                }
                jQuery.ajax({
                    url: "create/delMd.htm",
                    data: {"reqNo":$("#reqNo").val(), "itemNo":$("#itemNo").val()},
                    type: "POST",
                    error: function(data) {                   
                        $.Dialog.show("表单提交出错，请稍候再试");
                    },
                    success: function(data) {
                        if(!data.success){
                            $.Dialog.show('删除失败');
                            return;
                        }    
                        var reqName = $('#reqName').val();
                    var reqNo = $('#reqNo').val();
                    var reqState = $('#reqState').val();
                    var piid = $('#piid').val();
                $('#zcepcform')[0].reset();
                $('#reqNo').val(reqNo);
                        $('#reqState').val(reqState);
                    $('#piid').val(piid);
                $('#reqName').val(reqName);
                $("#itemNo").val(0);
                        getMdList();
                    }
                });
                return false;    
            }
    );                        

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

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