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 代码
- Flexslider 箭头未正确显示 2022-01-01
- 如何使用 JSON 格式的 jQuery AJAX 从 .cfm 页面输出查 2022-01-01
- Fetch API 如何获取响应体? 2022-01-01
- addEventListener 在 IE 11 中不起作用 2022-01-01
- Quasar 2+Apollo:错误:找不到ID为默认的Apollo客户端。如果您在组件设置之外,请使用ProvideApolloClient() 2022-01-01
- 失败的 Canvas 360 jquery 插件 2022-01-01
- CSS媒体查询(最大高度)不起作用,但为什么? 2022-01-01
- Css:将嵌套元素定位在父元素边界之外一点 2022-09-07
- 使用RSelum从网站(报纸档案)中抓取多个网页 2022-09-06
- 400或500级别的HTTP响应 2022-01-01