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
- fetch 是否支持原生多文件上传? 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
