我正在寻找一种方法来让索引或对象在我的网站上保存我的列表,以便我可以发送POST响应来更新内容。
问题1 如何使用JQuery单击获取ul元素的对象或索引?
问题2 如何将POST或Index作为POST发送到spring MVC骨干来更新页面内容?
代码段
有问题的UI元素的Jquery和DIV
<script>
$(document).ready(function() {
$('.result-div').click(function() {
$(this).fadeOut(1000).fadeIn(200);
//---- some code here to get index or object and send post?----
});
});
</script>
<ul class="result-class">
<c:forEach var="offender" items="${offenderlists}">
<li><div class="result-div">
<div class="result-img-holder">
<img 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>
为清晰起见重新提问
1)如何使用Jquery获取div / ul元素中的索引或对象?
2)将Az of Object索引发送到Java骨干网的最佳方法?也许POST?
答案 0 :(得分:0)
$("li")
是<li>
的对象集合,<li>
的第一个元素是
$("li").eq(0)
也是一个对象(拥有它自己的属性),它的数字索引位置是$("li").eq(0).index()
在Spring中,mvc url通过请求映射到某个控制器方法来处理:
我想在你的JQuery中,你可以通过url参数带来<div>
的索引,由控制器方法处理:
$(document).ready(function() {
$('.result-div').click(function() {
$(this).fadeOut(1000).fadeIn(200);
var currentClickedIndex = this.index();
window.location.href='andPageToProcessThisIndex.jsp?idx = '+currentClickedIndex ;
});
});
并假设this是控制器方法,它将捕获索引并在以后处理它:
@RequestMapping("andPageToProcessThisIndex")
public ModelAndView goToView (@RequestParam ("idx") String idx){
return new ModelAndView ("aViewPage","idx",idx) ;
}