如何使用 javascript 在 div 中显示 ajax 成功响应

Question

我正在编写一个ajax调用并从控制器收集响应。我想显示对一个特定div 的响应 (jsp(。请帮助我，如何将响应div 放入当前页面div.下面是代码：

function openSocietyTab(divName, parentTabName, subTabName)
{
debugger;
var i;
var x = document.getElementById(divName); 
var parentTempId = parentTabName;
var tempId = subTabName;
$.ajax({
type : "GET",
url : "/ApartmentAdda/"+parentTempId+"/"+tempId,
data : {x:tempId},
timeout : 100000,
success : function(x) {
debugger;
console.log("SUCCESS: ", x);
// here i want to display x into divName div.(x is the jsp view which i am getting from controller)
},  
error : function(e) {
console.log("ERROR: ", e);
}
});
}

我在单击按钮时调用此 javascript 函数：

<button class="w3-bar-item w3-button dropbtnInr" onclick="openSocietyTab('tabToOpen','societyService','houseTab')">Houses</button><br>

和 tabToOpen 是我想打开 ajax 响应 jsp 的div。

Answer 1

有很多方法，但由于您只想显示某个div，因此我建议您使用hidden类来隐藏和显示div。

例如，如果div 有 id="tabToOpen" 并且您使用的是 jQuery，那么它将是：

$(#tabToOpen).addClass('hidden');  
$(#tabToOpen).removeClass('hidden');

如果您不使用jQuery，请尝试：

var theInfoDiv = document.getElementsById('tabToOpen');  
theInfoDiv.classList.add('hidden');  
theInfoDiv.classList.remove('hidden');