如何使用javascript在div内显示ajax成功响应答案

【问题标题】：How to display ajax success response inside div with javascript如何使用javascript在div内显示ajax成功响应
【发布时间】：2020-03-23 10:27:45
【问题描述】：

我正在编写一个 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。

【问题讨论】：

你可能想编辑你的标签，我认为只使用javascript、'html'和可选的'jquery'会更合适。 Hibernate、spring和jsp与这个过程无关。

标签： ajax spring hibernate spring-mvc jsp

【解决方案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');

【讨论】：

嗨克里斯托斯..谢谢你回答我的问题，但它是部分炒锅。我想在 tabToOpen div 中打开一个 jsp 设计。 var theInfoDiv = document.getElementsById('tabToOpen'); ---- 我们得到了 id 为 tabToOpen 的 div。但现在想在这个div里面打开jsp。那么我们该怎么做呢？在 console.log("SUCCESS: ", x); -- 我可以成功显示外部jsp。我在 x 变量中得到它。现在只想在 toToOpen div 中显示 x
请在您的问题的评论中写下代码作为编辑，很难阅读。如果您将 html 代码与数据一起返回并且想要显示它，请尝试使用 innerHTML。 w3schools.com/jsref/prop_html_innerhtml.asp 如果使用 ajax 调用成功的示例来编辑您的答案，将会有所帮助。