Question

是否有可能how to change HTML（。jsp）页面without refreshing？

用例是用户将东西写入textarea然后点击某个按钮然后我需要将一些对象即图片添加到我页面中先前定义的位置~~~＆gt;我需要在不刷新页面的情况下更改HTML代码（不会丢失文本框中的文本）。我真的需要更改HTML代码，所以请不要在不更改HTML代码的情况下建议任何解决方案。

我不是很喜欢前端技术，所以我不知道它是否可能，所以请原谅，如果这是一个愚蠢的问题。

我只能使用前端技术。

Answer 1

使用jQuery（JavaScript库），您可以利用load()功能加载服务器上另一个HTML文件的内容，并将其放在当前页面上的任何位置，而无需刷新（所以你如果你愿意，甚至可以替换当前的HTML。

<强> jQuery的：
http://jquery.com/

jQuery load（）：
http://api.jquery.com/load/

替代建议：
但是，我知道您说无法刷新页面，但，如果唯一的原因是因为您需要将文本保留在文本框中，则可以使用表单POST该文本到另一个.jsp页面（甚至是同一个.jsp页面，具体取决于您的使用方式），您可以自行决定使用该文本（将其放入另一个文本框中），例如）。

Answer 2

也许这对你有用。

<div id="mydiv"></div>
<a id="refresh">click</a>

<script>
$(function() {
  $("#refresh").click(function() {
     $("#mydiv").load("yourdomain.com/file.php")
  })
})

也看到了这个：

http://woork.blogspot.nl/2007/10/how-to-change-text-using-javascript.html

Answer 3

使用JavaScript，以便您可以对Document Object Model进行更改它非常容易学习并且非常强大。

Answer 4

是的，这是可能的。您应该使用JavaScript来更改用于显示页面的HTML。

您可能会发现使用诸如JQuery之类的库很有用。

Answer 5

你应该使用javascript函数document.getElementById（DIV你想要放置）.innerHTML = YOUR_TEXT;。

如果您需要服务器的响应而不重新加载页面（您仍然需要加载，但客户端不会注意到），请尝试使用AJAX。

更改HTML代码而不刷新页面

5 个答案: