Change HTML code without refreshing the page(在不刷新页面的情况下更改 HTML 代码)
问题描述
有没有可能如何改变HTML
(.jsp)页面不刷新
呢?
Is there any possibility how to change HTML
(.jsp) page without refreshing
it?
用例是用户写一些东西到 textarea 然后点击一些按钮,然后我需要添加一些对象,即图片到我页面中先前定义的位置~~~> 我需要更改 HTML 代码而不刷新页面(没有丢失文本框中的文本).我确实需要更改 HTML 代码,所以请不要在不更改 HTML 代码的情况下建议任何解决方案.
Usecase is that user writes something to textarea then hits some button and I need then to add some object ie picture to previously defined place in my page ~~~> I need to change HTML code without refreshing the page (without the loss of the text in the textbox). I really need to change the HTML code, so pls don't advice any solution without changing the HTML code.
我不是很喜欢前端技术,所以我什至不知道这是否可能,如果这是一个愚蠢的问题,请原谅.
I'm not very into frontend technologies, so I don't know if it's even possible, so excuse me pls, if this is a stupid question.
我只能使用前端技术.
推荐答案
使用 jQuery
(一个 JavaScript 库)你可以利用 load()
函数来加载内容在您的服务器上删除另一个 HTML 文件并将其放置在当前页面上您想要的任何位置而无需刷新(因此您甚至可以根据需要替换当前的 HTML).
Using jQuery
(a JavaScript library) you can utilize the load()
function to load the contents of another HTML file on your server and place it anywhere you want on the current page without refreshing (so you can even replace the current HTML if you like).
jQuery:
http://jquery.com/
jQuery load():
http://api.jquery.com/load/
替代建议:
但是,我知道您说您不能刷新页面,但是,如果唯一的原因是因为您需要将文本保留在文本框中,您可以使用表单来 POST
将该文本复制到另一个 .jsp
页面(甚至是相同的 .jsp
页面,具体取决于您如何处理),您可以在其中使用它由您自行决定(例如,将其放在另一个文本框中).
Alternative Suggestion:
However, I know you say you can't refresh the page, but, if the only reason is because you need to keep the text in the textbox, you could use a form to POST
that text to another .jsp
page (or even the same .jsp
page, depending on how you go about it) where it will be available to you to use at your own discretion (to put it in another textbox, for example).
这篇关于在不刷新页面的情况下更改 HTML 代码的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:在不刷新页面的情况下更改 HTML 代码
基础教程推荐
- 直接将值设置为滑块 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01