Jump to content

[SOLVED] Submit Form on Page Load...


Jexx

Recommended Posts

I have web page that submits a form that uses AJAX to load the results in a DIV.

 

The page uses this : http://www.aleixcortadellas.com/main/2009/03/01/ajax-post/

Is there any way this can be adapted to auto submit the form on page load ??

 

eg..  if I pass a value to the web page via the URL it auto submits the form..

 

Is that possible ??

 

Thanks :)

Link to comment
https://forums.phpfreaks.com/topic/176760-solved-submit-form-on-page-load/
Share on other sites

Thanks :)

 

I'm not sure what to use as the "// Form submission logic"

 

This is an exapmle of the Ajax form:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>AJAX Post form demo</title>
<script type="text/javascript">
<!--

var divid = 'output';
var loadingmessage = 'Processing...';

function AJAX(){

var xmlHttp;
try{
xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
return xmlHttp;
}
catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
return xmlHttp;
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
return xmlHttp;
}
catch (e){
alert("Your browser does not support AJAX!");
return false;
}
}
}

}

function formget(f, url) {

var poststr = getFormValues(f);
postData(url, poststr);

}

function postData(url, parameters){

var xmlHttp = AJAX();

xmlHttp.onreadystatechange =  function(){
if(xmlHttp.readyState > 0 && xmlHttp.readyState < 4){
document.getElementById(divid).innerHTML=loadingmessage;
}
if (xmlHttp.readyState == 4) {

document.getElementById(divid).innerHTML=xmlHttp.responseText;
}
}

xmlHttp.open("POST", url, true);
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.setRequestHeader("Content-length", parameters.length);
xmlHttp.setRequestHeader("Connection", "close");
xmlHttp.send(parameters);
}

function getFormValues(fobj)

{
var str = "";
var valueArr = null;
var val = "";
var cmd = "";

for(var i = 0;i < fobj.elements.length;i++)

{
switch(fobj.elements[i].type)

{
case "text":

str += fobj.elements[i].name +
"=" + escape(fobj.elements[i].value) + "&";
break;

case "textarea":

str += fobj.elements[i].name +
"=" + escape(fobj.elements[i].value) + "&";
break;

case "select-one":

str += fobj.elements[i].name +
"=" + fobj.elements[i].options[fobj.elements[i].selectedIndex].value + "&";
break;

}
}

str = str.substr(0,(str.length - 1));
return str;

}

//--></script>
</head>

<body style="text-align: center;">
<div id="wrapper" style="position: relative; top: 50px;"><form id="aForm">
Please insert data in the fields below for trying the demo. Submitted data needn't be real; it is not stored anyway.
<br /><br />
<label for="name" style="font-weight: bold;">Name: </label><input id="name" type="text" name="name" size="20">
<br /><br />
<label for="email" style="font-weight: bold;">E-mail: </label><input id="email" type="text" name="email" size="20">
<br /><br />
<input type="button" name="Send" value="OK" onclick="javascript: formget(this.form, 'do.php');">
</form>
<br /><br />****** SERVER RESPONSE ******<br /><br /><br />
<div id="output" style="color: blue;">
</div>
</div>
</body>

</html>

 

Any ideas ???  Thanks

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.