4

有没有可能how to change HTML(.jsp)页面without refreshing呢?

用例是用户向 textarea 写入内容然后点击某个按钮,然后我需要添加一些对象,即图片到我页面中先前定义的位置~~~> 我需要更改 HTML 代码而不刷新页面(不丢失文本在文本框中)。我真的需要更改 HTML 代码,所以请不要在不更改 HTML 代码的情况下建议任何解决方案。

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

我只能使用前端技术。

4

5 回答 5

3

使用jQuery(一个 JavaScript 库),您可以利用该load()功能在您的服务器上加载另一个 HTML 文件的内容,并将其放置在当前页面上您想要的任何位置而无需刷新(因此您甚至可以根据需要替换当前的 HTML)。

jQuery:http:
//jquery.com/

jQuery 加载():
http ://api.jquery.com/load/


替代建议:
但是,我知道您说您不能刷新页面,但是,如果唯一的原因是因为您需要将文本保留在文本框中,您可以使用表单POST将该文本发送到另一个.jsp页面(甚至相同.jsp的页面,具体取决于您的操作方式)您可以自行决定在哪里使用它(例如,将其放在另一个文本框中)。

于 2013-04-04T10:17:07.883 回答
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

于 2013-04-04T10:16:16.617 回答
1

使用JavaScript可以对文档对象模型进行更改 它非常容易学习并且非常强大。

于 2013-04-04T10:15:59.753 回答
1

您应该使用 javascript 函数 document.getElementById (DIV THAT YOU WOULD LIKE TO PLACE IN).innerHTML = YOUR_TEXT;。

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

于 2016-08-31T23:12:16.940 回答
0

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

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

于 2013-04-04T10:15:50.673 回答