在本文中，我们将带你了解ajax成功后动态加载check是否选中在这篇文章中，我们将为您详细介绍ajax成功后动态加载check是否选中的方方面面，并解答ajax动态加载数据常见的疑惑，同时我们还将给
在本文中，我们将带你了解ajax 成功后动态加载 check 是否选中在这篇文章中，我们将为您详细介绍ajax 成功后动态加载 check 是否选中的方方面面，并解答ajax动态加载数据常见的疑惑，同时我们还将给您一些技巧，以帮助您实现更有效的ajax – 如何通过选中/取消选中selectBooleanCheckbox来重新加载页面？、ajax动态加载bootstrap的页面元素checkbox 样式无法渲染的问题、Ajax成功后重新加载页面、checkbox如何判断是否选中。
本文目录一览：- ajax 成功后动态加载 check 是否选中（ajax动态加载数据）
- ajax – 如何通过选中/取消选中selectBooleanCheckbox来重新加载页面？
- ajax动态加载bootstrap的页面元素checkbox 样式无法渲染的问题
- Ajax成功后重新加载页面
- checkbox如何判断是否选中
ajax 成功后动态加载 check 是否选中（ajax动态加载数据）
后台json 数据回传
Map<String,List> mapUtils = new HashMap<String,List>();
mapUtils.put("staffGroupDetailList",staffGroupDetailList);
JSONObject object = JSONObject.fromObject(mapUtils);
result = object.toString();
outPutMssage(result);
前台js
动态加载 check 是否选中
function selectManager(){
var managerId =$("#managerId").val();$.ajax({
async:false,
type: 'POST',
url: '${pageContext.request.contextpath}/setting/selectManagerChange.action?t"=' +Math.random(),
data: {"managerId":managerId},
dataType: 'json',
success:function(data){
if(data!= null && data !=-1){
var groupList = data.staffGroupDetailList;
var cbeGroup = 'cbxGroup';
var staffGroup = '';
$("input[name='selectValue']").each(function(index) {
cbeGroup= 'cbxGroup' + index;
$("#"+cbeGroup).attr("checked",false);
});
var index =0;
for(index = 0;index <groupList.length;index++){
staffGroup =groupList[index];
if(staffGroup.staff_id !='' && staffGroup.s_g_id == (index+1)){
cbeGroup= 'cbxGroup' + index;
$("#"+cbeGroup).attr("checked",'checked');
}
}
}
}
});
}
页面代码
<s:iterator value="StaffGroupDetailList" status="record"> <tr id = "selectList"> <td> ${s_g_name}</td> <td> <input id="cbxGroup<s:property value="#record.index"/>" name="selectValue" id="displayBox"type="checkBox" ${(staff_id!=null)?'checked': ''} value="<s:property value="s_g_id"/>""> </td> </tr> </s:iterator>
ajax – 如何通过选中/取消选中selectBooleanCheckbox来重新加载页面？
@Ellie：我试过了两个< a4j：ajax event =“click”action =“doiListView”/>和< f：ajax event =“click”action =“doiListView”/>,但没有任何反应. (片段)代码是这样的：
<td>
<rich:calendar id="creationToDate" value="#{listModel.creationDate.rangeEnd}"
datePattern="yyyy-MM-dd" enableManualInput="true"
rendered="#{listModel.creationDate.range}"
valuechangelistener="#{listController.filterFieldChanged}">
</rich:calendar>
</td>
<td rowspan="2">
<h:selectBooleanCheckBox value="#{listModel.creationDate.range}">
<a4j:ajax event="click" action="doiListView"/>
</h:selectBooleanCheckBox>
</td>
如果选中该复选框,则应该可以看到日期选择器.但是根据你的提示,没有任何反应……
如果我在selectBooleanCheckBox标签中添加onclick =“window.location.href = window.location.href”,那么它可以工作,但正如我所说的,如果可能的话我想使用RF组件……
解决方法
在这种情况下,您需要将execute属性设置为@form,以便提交整个表单(默认为@this,当前组件),您还需要将render属性设置为@all以便整个视图将被重新渲染(或者如果仅重新渲染表单就足够使用@form).
<h:selectBooleanCheckBox value="#{listModel.creationDate.range}">
<f:ajax event="click" execute="@form" render="@all" />
</h:selectBooleanCheckBox>
event =“click”在上面的构造中是可选的.它已经是< h：selectBooleanCheckBox>的默认ajax事件.你可以离开它：
<h:selectBooleanCheckBox value="#{listModel.creationDate.range}">
<f:ajax execute="@form" render="@all" />
</h:selectBooleanCheckBox>
此外,您的操作属性无效.它不存在.如果您确实想在调用操作阶段调用方法,则需要使用listener属性.
<h:selectBooleanCheckBox value="#{listModel.creationDate.range}">
<f:ajax execute="@form" listener="#{listModel.rangeListener}" render="@all" />
</h:selectBooleanCheckBox>
同
public void rangeListener() {
// ...
}
或者,如果您需要能够broadcast events：
public void rangeListener(AjaxBehaviorEvent event) {
// ...
}
< a4j：ajax>的语法相同.唯一的区别是它解决了执行和渲染方式的不同,并支持更方便的属性.
也可以看看：
> <f:ajax> VDL documentation
> <a4j:ajax> VDL documentation
> Is there any difference between f:ajax and a4j:ajax?
ajax动态加载bootstrap的页面元素checkbox 样式无法渲染的问题
ajax动态加载bootstrap的页面元素checkbox 样式无法渲染的问题，有人遇到过没有，怎么解决的，求解！
<div> <label> <input type="checkbox" />小红 </label> </div>
如果不是ajax出来的，应该会被渲染成这样：
<div> <label> <div> <span> <input type="checkbox"> </span> </div>小红 </label> </div>
但是ajax出来没被渲染。请大神指点！！！！！！！！
Ajax成功后重新加载页面
成功的ajax调用后，我在重定向/重新加载时遇到一些问题。情况如下：
我有要删除的项目保存在数组中。当我单击一个按钮时，它将通过ajax调用PHP文件，成功后，我需要重新加载页面。但是我在这样做时有一些问题。我在互联网上搜索，找不到有效的解决方案。
我有PHP文件，该文件通过数组从数据库中逐项删除。
foreach($arrayVals as $key=>$val){ //bla bla}另外，我有jQuery部分：
$("#button").live("click",function(){ $.ajax({ url, data, type... not important success: function(html){ location.reload(); } });});我的意思是，该代码有效，但效果不佳。它会删除项目，但不是全部删除，然后重新加载页面。就像，如果我要删除10个项目，它会像6-7一样删除，而3-4个项目则保持不变。
它的行为就像过早重新加载页面一样，例如PHP文件没有足够的时间来处理所有内容：D
答案1
小编典典BrixenDK是正确的。
.ajaxStop()所有ajax调用完成时执行回调。这是放置处理程序的最佳位置。
$(document).ajaxStop(function(){ window.location.reload();});
checkbox如何判断是否选中
checkBox在项目中使用的比较多，好多时候需要判断，或者作为某些逻辑的依据。
总结一下，拿到checkBox状态的方法。
<label for="checkBox">
<input type="checkBox" name="checkBox" id="checkBox" />选中与否
</label>
方法：
console.log( $(‘#checkBox‘).get(0).checked ); console.log( $(‘#checkBox‘).is(‘:checked‘) ); console.log( $(‘#checkBox‘).prop(‘checked‘) ); // 上面三种方法都可以拿到。下面的方法反而拿不到。 console.log( $(‘#checkBox‘).attr(‘checked‘) );
参考博客
今天关于ajax 成功后动态加载 check 是否选中和ajax动态加载数据的讲解已经结束，谢谢您的阅读，如果想了解更多关于ajax – 如何通过选中/取消选中selectBooleanCheckbox来重新加载页面？、ajax动态加载bootstrap的页面元素checkbox 样式无法渲染的问题、Ajax成功后重新加载页面、checkbox如何判断是否选中的相关知识，请在本站搜索。
本文标签：
