使用下面的代码,我正在尝试更新PartialView
的HTML。
open_Modal_AssignAmendRoles = function (url) {
$.ajax({
url: url,//PartialView URL
cache: false,
type: "POST",
dataType: "html",
success: function (data, textStatus, XMLHttpRequest) {
var modalhtml = data;
var result = datafetchfunction("action URL", )
if (result.compleate == true) {
result.data.employeeroles.forEach(function (roletype) {
var tagbox = $(modalhtml).find("#tagbox" + roletype.clientroletypeid);
var span = $(modalhtml).find("#rolecontainer" + roletype.clientroletypeid);
var roletypeid = roletype.clientroletypeid
roletype.roles.forEach(function (role) {
var roleid = role.FK_ClientRoleID
var roledescription = role.ClientRole_Description;
var rolecode = role.ClientRole_Code
var markup = ""
markup += " <li class='taglist' id='" + roleid + "'>"
markup += " <button onclick='$(this).parent().remove()' class='tagclose'>"
markup += " <span class='glyphicon glyphicon-remove' aria-hidden='true'></span>"
markup += " </button>"
markup += " <a class='assignedrole' href='Javascript:void(0);' onclick='pop_click_fn(this)'"
markup += " role-id='" + roleid + "' role-type-id=" + roletypeid + ""
markup += " data-toggle='popover' data-trigger='hover' data-content='" + roledescription + "' data-placement='top' > " + rolecode + " </a>"
markup += " </li>";
$(span).append(markup)
})
})
openModal( modalhtml);
}
}
});
}
第1步:
在按钮上单击,调用open_Modal_AssignAmendRoles()
功能。然后它转到success()
函数。
第2步:
var result = datafetchfunction("action URL" )
此获取数据为JSON格式
第3步:
然后我开始一些循环,我已经创建了一些跨度并用
找到它们var span = $(modalhtml).find("#rolecontainer" + roletype.clientroletypeid);
第4步:
然后我构建了一个标记并分配了这个
$(span).append(markup)
最后,致电
openModal( modalhtml);
但是modalhtml
没有按预期更新,这意味着我没有添加我用循环创建的li
。
有人可以告诉我这是什么问题以及如何解决这个问题?