我有一个包含项目列表的默认页面。当我点击那些项目时,我需要动态地将数据附加到页面B中的div并将应用程序重定向到页面B.
我在PageB中添加了这个div ''
On Click事件我在.js文件中执行以下操作:
'$(document).on('click', '#selectConcept', function (node) {
var ncid = this.textContent.slice(6,25);
$.ajax({
dataType: "json",
url: "http://txv-trmindexer01:8080/CommonTerminologyLeopardSearch/rest/getConceptByNcid/" + ncid,
error: function () {
alert("ERROR");
},
success: function (data) {
window.location.href = 'getfacets.html';
for (var result = 0; result < finalSearchResults.length; result++) {
if (finalSearchResults[result].ncid == ncid) {
$("#selectedConceptitem").empty();
var selectedconcept = "<p>" + "ncid: " + finalSearchResults[result].ncid + "," + "cid: " + finalSearchResults[result].cid + "</p>";
$(selectedconcept).appendTo("#selectedConceptitem");
}
}
} });
});'
我可以重定向页面,但没有任何内容附加到Div。
任何人都可以帮我解决这个问题..
答案 0 :(得分:0)
我不太确定,但我想代码在加载新页面之前运行。因此,您可以尝试将代码包装在onload
事件时间
window.location.href = 'getfacets.html';
window.onload = function() {
for (var result = 0; result < finalSearchResults.length; result++) {
if (finalSearchResults[result].ncid == ncid) {
$("#selectedConceptitem").empty();
var selectedconcept = "<p>" + "ncid: " + finalSearchResults[result].ncid + "," + "cid: " + finalSearchResults[result].cid + "</p>";
$(selectedconcept).appendTo("#selectedConceptitem");
}
}
}
答案 1 :(得分:0)
问题:
只要您设置“window.location.href”属性,页面就会导航到您的页面B,并且您将丢失所获取的数据。
您有两个问题的解决方案:
使用单页应用程序(SPA)应用程序方法,您可以为获取的数据创建新的全局范围,现在可以在第B页使用
将ncID作为查询字符串参数发送到第B页,并在第B页上实现服务调用和数据附加逻辑