SSM项目——列表删除功能实现

川长思鸟来 2022-06-04 05:09 295阅读 0赞

![Center][]

在做项目的时候遇到这样一个问题，就是这个列表删除问题，想了很久，怎么就指定我选中的是这条数据呢？（因为jsp这款是遍历的）

首先想的是这样解决：

看源代码：

然后后台这样可以直接接收到：

@ResponseBody  
public void test05(Integer id)\{  
System.out.println(id);  
//service.deleteNewsLabel(id);  
\}

确实不错，后台收到了id，确实很不错，但是发现一个问题呀，点击删除时候，页面会跳转，跳转到一个空白的，还需要返回，这样用户体验很不好，于是，我想到了用强大的ajax来解决，异步提交嘛。

看代码：

<c:forEach items="$\{page.datas \}" var="newslabel">  
                <tr>  
                    <td class="td07">$\{newslabel.name \}</td>  
                    <td class="td07">$\{newslabel.parent.name == null ? "无" : newslabel.parent.name \}</td>  
                    <td class="td07">$\{newslabel.content \}</td>  
                    <td class="td07">  
                    <input type="hidden" name="\_method" value="DELETE"/>  
                    <a href="javascript:void(0);" οnclick="shanchu($\{newslabel.id \})">删除</a>  
                    </td>  
                    <td class="td07"><a href="\#"  
                        onClick="javascript:windowOpen('$\{pageContext.request.contextPath \}/html/news/ubdateNewsLabel.jsp','','',670,260,'no','yes','100','100')">修改</a>  
                    </td>  
                </tr>  
                </c:forEach>

js代码其实很简单：

function shanchu(id)\{  
    alert(id);  
    $.post("$\{pageContext.request.contextPath \}/newslabel/some4.do",\{ id: id\} );  
    refresh();  
\}

再看后台：

@RequestMapping(value="/some5.do")  
    @ResponseBody  
    public void test05(Integer id)\{  
        System.out.println(id);  
        //service.deleteNewsLabel(id);  
    \}

很成功的解决了这个困扰我许久的问题。

[Center]: /images/20220604/ec571fd410c74d95bc17587001256e5c.png