Posting form data and storing the response in a variable using plain JS not JQUERY

Question

I'm doing some exercises trying to learn Javascript and I created a basic webform that will post form data and display the response in an iframe. ( the code is below)

I would like to add to this and store the response from the server in a variable as a string. How can this be done using plain Javascript? I understand that it would be much easier with JQuery but I want to learn the JS basics before I move onto JQuery.

Any help is appreciated.

 <form action="http://BLANK.ASP" method="get" target="hiddenFrame"
    <pre>
    userID:    <input type="text" name="userid"><br>
    password:  <input type="text" name="userpassword"><br>



    <center>
    <button type="submit">Submit</button>    
    </center>

    </pre>



    </form>

    <iframe id="hiddenFrame" name="hiddenFrame" style="width:1000px">hi
    </iframe>

you can create an array of all your fields and then use JSON.stringify to have it as a string — Neta Meta, Jan 04 '14 at 00:13
Thank you for responding. I am still learning so i'm not sure how to implement what you suggested though. — steelthunder, Jan 04 '14 at 00:20
You'll get all the fields, get all their name/values create an array from that and then stringify it. — Neta Meta, Jan 04 '14 at 00:22

score 1 · Answer 1 · answered Jan 04 '14 at 00:26

1

I have a feeling you might be rubbing up against the Same Origin policy. However, if the iframe address is within the same domain, it is possible to access its contents via

document.getElementById('hiddenFrame').contentWindow.document

Then, you could grab information via .innerHTML or any other standard JavaScript method. Unfortunately, if the form processing page is not on the same domain as your webpage, you are going to run into permission errors. (see link above)

Assuming you have control over the page handling your form, you may try to pass that information to the parent page. Hopefully, your iframe is within the same domain and the above is useful to you. If you provide me with some more information about what you're doing, I can update this with some extra information.

answered Jan 04 '14 at 00:26

smts

3,585
1
16
14

I dont even need to necessarily use the iframe. I am just posting form data to a webserver and receiving a response. I would like to just store the response as a variable. The code above is the majority of the code. Its just a practice exercise that I am running locally in my browser. – steelthunder Jan 04 '14 at 23:49
It's hard to say what to do without knowing *how* the webserver is returning your response. You could try dynamically displaying the result using AJAX and pulling the `.innerHTML`. If you control the page that is handling the data, things might be easier. Let me know. – smts Jan 05 '14 at 07:18

Posting form data and storing the response in a variable using plain JS not JQUERY

1 Answers1