客户端发送的请求在Spring MVC，Ajax中在语法上不正确 [英] The request sent by the client was syntactically incorrect in spring mvc, ajax

问题描述

下面是对我的控制器的ajax调用

Below is the ajax call to my controller

$('#submitButton').on('click', function() {
            var expenseDetailsListVO = {};
            expenseDetailsListVO = getData();
            console.log(expenseDetailsListVO);
            var data = JSON.stringify(expenseDetailsListVO);
            console.log(data);
            $.ajax({
                url : "${pageContext.request.contextPath}/saveExpenses",
                data : data,
                method : 'POST',
                contentType : "application/json",
                success : function(data) {

                },
                error : function(data) {

                }
            });
        });

这是我的控制器

@RequestMapping (value = "/saveExpenses", method=RequestMethod.POST)
    public String saveExpenses (@RequestBody(required=false) ExpenseDetailsListVO expenseDetailsListVO, Model model) {


        //System.out.println("User Id is........ "+userId);
        System.out.println(expenseDetailsListVO);
        ExpenseDetailsList expenseDetailsList = MapperUtil.convertExpenseListVOToDO(expenseDetailsListVO);

        //expenseServiceManagement.addExpense(expenseDetailsList);

        return "addExpense";
    }

下面是我的java类

public class ExpenseDetailsListVO {


    private List<ExpenseDetailsVO> expenseDetailsVOs = LazyList.decorate(
            new ArrayList<ExpenseDetailsVO>(),
            FactoryUtils.instantiateFactory(ExpenseDetailsVO.class));

public ExpenseDetailsListVO (){}

    public List<ExpenseDetailsVO> getExpenseDetailsVOs() {
        return expenseDetailsVOs;
    }

    public void setExpenseDetailsVOs(List<ExpenseDetailsVO> expenseDetailsVOs) {
        this.expenseDetailsVOs = expenseDetailsVOs;
    }

    @Override
    public String toString() {
        return "ExpenseDetailsListVO [expenseDetailsVOs=" + expenseDetailsVOs
                + "]";
    }

}



   public class ExpenseDetailsVO {

        /*private int expenseId;*/

        private String itemDescription;

        private double amount;

        private Date expenseDate;

public ExpenseDetailsVO (){}
        /*public int getExpenseId() {
            return expenseId;
        }

        public void setExpenseId(int expenseId) {
            this.expenseId = expenseId;
        }*/

        public String getItemDescription() {
            return itemDescription;
        }

        public void setItemDescription(String itemDescription) {
            this.itemDescription = itemDescription;
        }

        public double getAmount() {
            return amount;
        }

        public void setAmount(double amount) {
            this.amount = amount;
        }

        public Date getExpenseDate() {
            return expenseDate;
        }

        public void setExpenseDate(Date expenseDate) {
            this.expenseDate = expenseDate;
        }

        @Override
        public String toString() {
            return "ExpenseDetailsVO [itemDescription=" + itemDescription
                    + ", amount=" + amount + ", expenseDate=" + expenseDate + "]";
        }

    }

以前它可以正常工作，但是我进行了一些更改，使我不记得了，现在在浏览器控制台中出现错误，原因是客户发送的请求在语法上不正确

Previously it was working but something I changed which I can't recall and now am getting error in browser console as the request sent by the client was syntactically incorrect

请让我知道这是什么问题...

Guys please let me know what is the issue...

推荐答案

存在一个非常小的错误，因此它显示了该错误...所以我只需要做一些小改变，下面是jquery

There was a very small mistake because of which it was showing that error... So I just needed to do small change, below is the jquery

$('#submitButton').on('click', function() {
            var expenseDetailsListVO = {};
            expenseDetailsListVO = getData();
            console.log(expenseDetailsListVO);
            var data = JSON.stringify(expenseDetailsListVO);
            console.log(data);
            $.ajax({
                url : "${pageContext.request.contextPath}/saveExpenses",
                data : data,
                method : 'POST',
                contentType : "application/json",
                success : function(data) {

                },
                error : function(data) {

                }
            });
        });

我的控制器希望有一个对象，该对象将具有对象数组，但从客户端发送数组，因此该数组需要包装在我做过的对象中以及它的工作:)

My controller was expecting an object which will be having array of object but from client side it was sending arrays, so that array needed to be wrapped inside an object which I did and its working :)

这篇关于客户端发送的请求在Spring MVC，Ajax中在语法上不正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！