Passing variable from JavaScript to servlet

Question

I've used JavaScript in my JSP page to process get data of the div tag:

var script = ace.edit("editor");
var myDivText = script.getValue();

Now I want to pass myDivText to my servlet.java. Till today I've passed it as below

window.open('http://XXX.XX.XXX.XX:8800/FirstServlet/mygeco?mytxt=' + myDivText,'resizable=yes');

But now, I had to include a few input forms and now I am calling my servlet through a submit mechanism, so how do I pass myDivText to servlet.java without using the above method?

==============================EDIT==========================

My form looks as follows:

<form method="post" name="myform" action="upload" target="_top" enctype="multipart/form-data">
<li>Left File :  <input type="file" name="dataFile1" id="fileChooser1" /></li>
<li>Right File : <input type="file" name="dataFile2" id="fileChooser2" /></li>
<li>Config File :<input type="file" name="dataFile3" id="fileChooser3" /></li>
<li><input type="hidden" name="myField" id="myfield" value="" /></li>
</form>

Submitting form through JavaScript:

var scc1 = document.getElementById("box");
scc1.innerHTML = scc1.innerHTML + "<br>" + "<span class='blue'>Uploading files, the page might refresh</span>";
var thetxt = scc1.innerHTML;
document.getElementById('myField').value = thetxt; 
document.myform.submit();

Getting data in Servlet.java

String mydiv = request.getParameter("myField");
request.setAttribute("mydiv", mydiv);

How? I've no idea of that method and that is exactly why I've posted this question. — , Mar 13 '14 at 09:35

score 2 · Accepted Answer · edited Oct 19 '19 at 14:13

2

You could give your hidden field an id:

.html file

Your form

<form action="">
<input type="hidden" name="myField" id="myField" value="" />
</form>

and then when you want to assign its value:

Your Javascipt

document.getElementById('myField').value = myDivText;

send the form with an action..

And at the action page your retrieve it using request.getParameter("myField")

Hope it helps

UPDATE

Hope this links help Multipart/form-data how to get parameter hidden

How to upload files to server using JSP/Servlet?

edited Oct 19 '19 at 14:13

marc_s

732,580
175
1,330
1,459

answered Mar 13 '14 at 09:38

Santino 'Sonny' Corleone

1,735
5
25
52

Just a moment, trying it..I'll let you know soon. – Mar 13 '14 at 09:45
Hey the form itself is not getting submitted. When I click submit nothing is happening. – Mar 13 '14 at 09:58
@Zedai `` did u try this? – Santino 'Sonny' Corleone Mar 13 '14 at 10:00
Just check I've just updated my code. – Mar 13 '14 at 10:02
@Zedai is it compulsory to send the form via javascript? – Santino 'Sonny' Corleone Mar 13 '14 at 10:03
Yes. I do some validation stuff related to those files – Mar 13 '14 at 10:03
now i get it,it is because of enctype=multipart...you will get null values at the next page..find out how to retrieve form values for multipart forms.. – Santino 'Sonny' Corleone Mar 13 '14 at 10:05
i have added some links regarding the multipart...just check if they help.. – Santino 'Sonny' Corleone Mar 13 '14 at 10:08
or else you could use sessions instead of complicating it... – Santino 'Sonny' Corleone Mar 13 '14 at 10:10
I am not even able to submit the form, just nothin happens when I click the button. So you think all this problem is caused by multi part messages? let me remove that and ckeck. – Mar 13 '14 at 10:54
1

if u r using chrome.press ctrl+shift+i and go to the console and check if u getting any error in ur javascript...probably some error is taking place before the form.submit – Santino 'Sonny' Corleone Mar 13 '14 at 11:01

score -1 · Answer 2 · answered Mar 13 '14 at 09:37

Create a form and set the values through javascript and submit the form.

<form action='<url>' method="POST">
<input type="hidden" name="divtext"/>
</form>

And in JS

form = document.getElementById("formId"); // or directly through dom
// set the values.
form.submit();

Passing variable from JavaScript to servlet

Submitting form through JavaScript:

Getting data in Servlet.java

2 Answers2