更改HTML代码,而无需刷新页面(Change HTML code without refreshi

2019-08-19 11:17发布

是否有可能how to change HTML (.JSP)页面without refreshing呢?

用例是用户写东西的textarea然后打一些按钮,我需要再一些对象,即图片在我的网页添加到先前定义的地方~~~>我需要更改HTML代码,而无需刷新页面(不带文字的损失在文本框中)。 我真的需要改变的HTML代码,所以请不要在不改变HTML代码提供意见的解决方案。

我不是很成前端的技术,所以我不知道,如果它甚至有可能,所以原谅我请,如果这是一个愚蠢的问题。

我只能使用前端技术。

Answer 1:

使用jQuery (JavaScript库),你可以利用load()函数加载你的服务器上的另一个HTML文件的内容和任何地方你想要在当前页上,而无需刷新(所以你甚至可以取代现有的HTML,如果你喜欢)。

jQuery的:
http://jquery.com/

jQuery的负载():
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的 ,所以你可以更改的文档对象模型是非常简单易学,功能非常强大。



Answer 4:

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

你可能会发现它很有用的库如jQuery。



Answer 5:

您应该使用javascript函数的document.getElementById(DIV,你想放置IN).innerHTML = YOUR_TEXT ;.

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



文章来源: Change HTML code without refreshing the page