form-submit-by-js.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>Untitled Document</title> <mce:script type="text/javascript"><!-- function submit_request(){ var myform = document.getElementById('api_request'); myform.target="response"; document.getElementById('progress_indicator').innerHTML = '<img src="webassets/images/sf_res/loading001.gif" mce_src="webassets/images/sf_res/loading001.gif">'; myform.submit(); //api_test_ajax.php } // --></mce:script> </head> <body> <form id="api_request" name="api_request" method="post" action="api_test_ajax.php" target="response"> <fieldset> <input type="text" name="test" value=""> <input type="hidden" name="func" value="dorequest"> <input type="hidden" name="format" value="widget_login"> <input type="button" οnclick="submit_request();" value="Send"> </fieldset> </form> <div id="progress_indicator"></div> <iframe id="response" style="width:800px;" class="30" rows="40" name="response"> </iframe> </body> </html> api_test_ajax.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>iframe</title> <mce:script type="text/javascript"><!-- parent.document.getElementById('progress_indicator').innerHTML = ''; // --></mce:script> </head> <body> <?php echo 'hello iframe'; echo "<br/>"; echo $_REQUEST['test']; ?> </body> </html>