Javascript 更改HTML代码而不刷新页面

Javascript 更改HTML代码而不刷新页面,javascript,html,web-applications,frontend,Javascript,Html,Web Applications,Frontend,有没有可能如何在不刷新的情况下更改HTML(.jsp)页面 用例是,用户将一些内容写入textarea,然后点击一些按钮,然后我需要将一些对象ie图片添加到我的页面中先前定义的位置~~~>我需要更改HTML代码而不刷新页面(而不丢失textbox中的文本)。我真的需要更改HTML代码,所以请不要建议任何不更改HTML代码的解决方案 我不太喜欢前端技术,所以我不知道这是否可能,所以请原谅,如果这是一个愚蠢的问题 我只能使用前端技术 是的,这是可能的。您应该使用JavaScript来更改用于显示页面

有没有可能
如何在不刷新
的情况下更改HTML
(.jsp)页面

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

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


我只能使用前端技术

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

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

使用它,您可以对
它很容易学习,而且功能强大。

也许这对你有用

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

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

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

jQuery:

jQuery load():


备选建议:

但是,我知道你说你不能刷新页面,但是,如果唯一的原因是因为你需要将文本保存在文本框中,你可以使用一个表单
将该文本发布到另一个
.jsp
页面(甚至是相同的
.jsp
页面,取决于你如何操作)您可以自行决定使用它(例如,将它放在另一个文本框中)。

您应该使用javascript函数document.getElementById(要放入的DIV)。innerHTML=your_TEXT


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

这是一个非常通用的方法,它描述了过去10年中的大量JavaScript。我建议你看看JQuery——它可能会帮助你做你需要的事情。哦……谢谢……正如我所说的——我通常用java编写后端,所以我不知道前端技术提供了什么,以及有什么可能性。我来看看:)看看javascript和动态DOM元素创建/CSS显示属性。老实说,我对此表示赞同。是的,它是模糊的,但我认为会有很多前端初学者在尝试完成类似的任务时会搜索这些确切的单词。这是一个很好的机会,可以帮助未来的初学者访问者找到正确的方向。不..你的替代解决方案太复杂了…我只需要在一些选项卡组件中添加新的选项卡,而用户不需要它。。我不想仅仅因为这样就把所有关于表单中文本的信息发送给服务器上的控制器,然后将其返回到同一个视图,只更新。。就像用左手抓右耳……)@德沃扎哈哈好的!jQuery是一个很棒的库,我希望它能帮助您。祝你一切顺利。