Dynamic table with jsp-servlet-javascript

[Breno Ribeiro]

Good morning.
I want to do an application that, when I start to put my text in the text box, my table automatically refreshes.
I saw this before, I think with jquery, but I want to know how to do this with javascript and/or jsp and servlets.

I searched on google without success..
Someone can help me?

obs.: I don't want to use frameworks like jsf or jquery (if possible).

thank's.

[Bear Bibeault]

Why would you not want to use jQuery? It makes JavaScript a lot simpler. It's like saying you don;t want to use Java libraries and do everything yourself. Rather short-sighted.

In fact, with jQuery your problem is almost trivial.

In any case, this has been moved to the HTML/JavaScript forum.

[Breno Ribeiro]

Ok, if will be most simply with jQuery have no problem..
We have one way through where we can do that without javascript?
Are you sure that this topic need to be moved to javascript forum? Because we will use parameters from servlet..

[Bear Bibeault]

If all you want to refresh is that table, then there is no way to do this without JavaScript unless you embed the table in a fixe iframe (which is a lousy solution, in my opinion).

[Bear Bibeault]

In fact, using jQuery it's one line of code:

$('#myTable').load('url-to-servlet-and-jsp-that-generates-table');

[Breno Ribeiro]

Bear Bibeault wrote:In fact, using jQuery it's one line of code:

$('#myTable').load('url-to-servlet-and-jsp-that-generates-table');

What the servlet have to return ??

[Bear Bibeault]

The HTML of the updated table.

I've done this many times. The servlet gets the data for the table, and forwards to a JSP that uses JSTL and EL to create the table HTML.

the jQuery load() method replaces the old table with the new one.

Easy as pie.

[Breno Ribeiro]

Bear Bibeault wrote:The HTML of the updated table.

I've done this many times. The servlet gets the data for the table, and forwards to a JSP that uses JSTL and EL to create the table HTML.

the jQuery load() method replaces the old table with the new one.

Easy as pie.

How would look like?

in servlet:

request.getSession().setAttribute("list", someDao.getClientList());
request.getRequestDispatcher("/page.jsp").forward(request, response);

and jsp page:

<script>

//... ??? ....

</script>


<table id='tab01'>

<!-- ??? -->
</table>

[Bear Bibeault]

No need for any script on the table response.

In the table markup, you'd use the JSTL forEach tags to create the rows (<tr>) and columns (<td>) elements in order to create the table structure.

[Breno Ribeiro]

Bear Bibeault wrote:No need for any script on the table response.

In the table markup, you'd use the JSTL forEach tags to create the rows (<tr>) and columns (<td>) elements in order to create the table structure.

but in this case can I do a dynamic table where when the user is typing the text, the table will filtering the results??

[Bear Bibeault]

I'm not sure exactly what you are asking, but yeah, this is the most flexible approach.