如何使用ajax和javascript将参数传递给控制器​​？

Question

我正在尝试使用带有javascript的Ajax从购物车中删除项目，但是我无法将参数传递给控制器​​。控制器中的参数为空。

我的javascript代码如下所示：

function removeRow(itemId, rowID){
        if (xmlHttp == null)
        {
            alert("Your browser does not support AJAX!");
            return;
        }
        var query = "action=remove&item=" + itemId;

        /* alert(query); */
        xmlHttp.onreadystatechange = function stateChanged()
        {
            if (xmlHttp.readyState == 4)
            {
                var row = document.getElementById(rowID);
                row.parentNode.removeChild(row);
            }
        };
        xmlHttp.open("GET", "addTo.htm", true);
        xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlHttp.send(query);
        return false; 
        /* var row = document.getElementById(rowID);
        row.parentNode.removeChild(row); */

}

我的控制器代码如下所示：

@Controller

@RequestMapping("/addTo.htm")
public class AddToController{
    @RequestMapping(method=RequestMethod.GET)
    protected ModelAndView handleRequestInternal(HttpServletRequest request, HttpServletResponse response) throws Exception {
        HttpSession session = request.getSession();
        String action = request.getParameter("action");
        System.out.println(action);
        ModelAndView mv = new ModelAndView();
        ArrayList<Item> cart;
        if(action.equals("remove")){
            System.out.println("cart size is" + cart.size());
            Long itemId = Long.parseLong(request.getParameter("item"));
            ItemDAO itemDao= new ItemDAO();
            Item item = itemDao.get(itemId);
            cart.remove(item);
            System.out.println(cart.size());
        }
        return mv;
    }
}

控制器中的action和item为null。

任何人都可以帮忙解决这个问题吗？

Answer 1

您正在发送GET请求，因此请在网址后面添加参数作为查询：

xmlHttp.open("GET", "addTo.htm?" + query, true);

并在调用.send方法时传入null（而不是查询字符串）：

xmlHttp.send(null);

此外，“application / x-www-form-urlencoded”标头仅在您发送序列化参数但使用POST时使用，因此请删除xmlHttp.setRequestHeader行。

更多信息：here