Spring MVC-从列表中选择JQuery POST

Question

我有这个动态加载的列表：

<ul class="result-class">
            <c:forEach var="offender" items="${offenderlists}">
                <li><div class="result-div">
                <div class="result-img-holder">
                <img class="lazy" src=<c:out value="${offender.linkToPicture}"/> height="120" width="120"/>
                 <span class=result-div-titles>
                OffenderID: </span> <c:out value="${offender.offenderId}"/>
                </div>

                <div class="result-div-oinfo">
                <ul class="info-list1">
                <li><span class=result-div-titles>
                First Name: </span> <c:out value="${offender.firstName}"/>
                </li>
                <li><span class=result-div-titles>
                Last Name: </span> <c:out value="${offender.lastName}"/></li>
                <li><span class=result-div-titles>
                Middle Name: </span><c:out value="${offender.middleName}"/>
                </li>
                <li><span class=result-div-titles>
                DOB: </span>
                </li>
                <li><span class=result-div-titles>
                Sex: </span>
                </li>
                <li><span class=result-div-titles>
                Risk Level: </span><c:out value="${offender.riskLevel}"/>
                </li>
                <li><span class=result-div-titles>
                Designation: </span>
                </li>
                </ul>
                <ul class="info-list2">
                <li><span class=result-div-titles>
                Race: </span></li>
                <li><span class=result-div-titles>
                Ethnicity: </span></li>
                </ul>
                <div class="result-address">
                <span class=result-div-titles>
                Primary Address: </span><br>
                <c:out value="${offender.primaryAddress.address_line1}"/><br>
                <c:out value="${offender.primaryAddress.city}"/>, 
                 New York <c:out value="${offender.primaryAddress.zipcode}"/>
                </div>
                </div>
                 </div></li>

            </c:forEach>
            </ul>

我有这个jquery脚本，当用户选择它并在文本中获取ID时，它会闪烁：

<script>
$(document).ready(function() {
    $('.result-div').click(function() {
            $(this).fadeOut(1000).fadeIn(200);
            var text1 = $(this).parent().text().split(":")[1].split("\n")[0];
            $.post( "frontpage/select", {idx: text1});
//---- above post isn't working as intended!
    });
});
</script>

我希望该脚本向Spring MVC后端发送后响应，以更新当前页面

@RequestMapping(value = "/select", method = RequestMethod.POST)
public ModelAndView goToView (@RequestParam("idx") String idx){

    System.out.println("something "+idx);
 return new ModelAndView ("frontpage") ;
 }

但是spring mvc后端没有收到发布请求。

问题1：除了解析文本之外，还有没有更好的方法来获取罪犯的ID？

问题2：如何将带有Jquery的POST响应发送到Spring后端，以便它将新信息更新到CURRENT页面？

Answer 1

请找到以下想法。

1. 有几种方法可以解决此问题。

   • 您可以将文本存储在p等其他元素中。 然后您可以使用子功能访问该值。
   • 甚至更好的是，如果您不想干扰现有的文档结构，则可以将文本存储在li元素的title属性中。 然后，您可以使用..parent().attr('title')来获取值。 （甚至，您可以在span本身中添加title ，这样就无需调用parent() ）

2. 检查控制台中是否有任何JS错误，或“网络”选项卡中是否发生任何事情。 语法似乎是正确的。

Answer 2

原来我没有称为“选择”的页面。 而且我无法在同一页面上发出其他发布请求...

因此，我最终使用PUT发送响应。 因此，我不需要另一页。

另外，jquery中帖子的正确语法是.post（“”，{data：data}）;。 对于首页不是“ /”或首页/