web前端——ajax提交后台controller实现前端后台交互(1) 传单个参数

最新推荐文章于 2021-09-02 14:38:00 发布

fengcai0123

最新推荐文章于 2021-09-02 14:38:00 发布

阅读量4.4k

点赞数

分类专栏：前端文章标签： web前端

本文链接：https://blog.csdn.net/fengcai0123/article/details/52838446

版权

本文详细介绍了如何使用Ajax提交单个参数到后台Controller，通过示例展示了Controller中的处理方式，以及服务层和服务数据访问层的交互，重点在于前端与后端的数据传递流程。

摘要由CSDN通过智能技术生成

ajax传单个参数给controller（action）

<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
    function del(gid) {
        $.ajax({
            type: "post",
            url: "/goods/del",
            data: "gid="+gid,
            dataType:'text', //需要的是text格式
            //contextType:'application/json;charset=UTF-8',这句也不需要
            async: false,
            success:function(callbackdata){
                alert("success");
            },
            error:function (data, status, e){
                alert("error");
            }
        });
    };
</script>
</head>
<body>
    <div> 
    <c:forEach items="${goodsList}" var="goodItem">
     <div>
         <input onclick="del('${goodItem.id}');" type="submit" value="删除"/>
     </div