Change HTML code without refreshing the page

Question

Is there any possibility how to change HTML (.jsp) page without refreshing it?

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.

I can use only frontend technologies.

Answer 1

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/

---

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).

Answer 2

Maybe this will work for you.

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

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

also see this:

http://woork.blogspot.nl/2007/10/how-to-change-text-using-javascript.html

Answer 3

Use JavaScript so you can make changes to the Document Object Model It is very easy to learn and very powerful.

Answer 4

Yes, this is possible. You should use JavaScript to change the HTML used to display the page.

You will probably find it useful to use a library such as JQuery.

Answer 5

You should use the javascript function document.getElementById (DIV THAT YOU WOULD LIKE TO PLACE IN).innerHTML = YOUR_TEXT;.

If you need a response from the server without reloading the page (you will still have to load, but the client will not notice), try using AJAX.