I have written a javascript to post data to a server. This seems to be working but I’m having trouble catching the servers response in iframe. I want to catch the servers response in iframe or in a datastream without forwarding to a other page or refreshing but i will settle with just stopping the page from being forwarded or refreshed.
I have tried adding target="my_frame" to the button and the form attributes but it doesn’t seem to work.
My code, I slightly modified my code for presentation:
<html>
<head>
<title>post</title>
</head>
<body>
<script language="javascript">
var myDictionary = [];
myDictionary["username"] = "stackoverflow";
myDictionary["password"] = "mypassword";
function post(dictionary, url, method) {
method = method || "post";
var form = document.createElement("form");
form.setAttribute("method", method);
form.setAttribute("action", url);
for (key in dictionary) {
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", key);
hiddenField.setAttribute("value", dictionary[key]);
form.appendChild(hiddenField);
}
document.body.appendChild(form);
form.submit();
}
</script>
<input type="button" target="my_frame" value="Submit" onclick="javascript:post(myDictionary, 'http://www.website.com/register/registernow');" />
<iframe name="my_frame" src="">
</body>
</html>
Thanks for reading and for all replies.
What you are looking for is an Ajax POST.
You don’t need to create a form and submit it, instead you need XMLHttpRequest, or if you are using jquery you can use $.post or $.ajax.
See for example http://blog.mgechev.com/2011/07/21/ajax-jquery-beginners/