Позвольте мне подробно объяснить, чего я хочу достичь. У меня 3 страницы: index.html, form.html и result.php. Используя jquery, когда я нажимаю кнопку в index.html, он будет загружать form.html внутри div в index.html. form.html направить вызовы result.php. То, что я хочу достичь, – это когда я нажимаю кнопку отправки в form.html (загружается в index.html), результаты из result.php отображаются в div из index.html, где я загружал form.html. Ниже приведен код для всех 3 страниц. Любая помощь будет большой.
Содержание index.html:
<html> <head> <title>index.html</title> <script type="text/javascript" src="/scripts/jquery-1.8.2.min.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function () { var theme = getTheme(); $("#loadformbutton").jqxButton({ width: '120', height: '30', theme: theme }); $("#loadformbutton").bind('click',function() { $('#div_for_form').load('form.html', function() {}); }); }); </script> <div id="buttons"> <input type="button" value="loadform" id='loadformbutton' /> </div> <div id="div_for_form"> Here loads form.html </div> </body> </html> Содержание form.html:
<html> <head> <title>form.html</title> </head> <body> <form method="POST" action="result.php"> <input type="password" name="pass" id="pass"/> <input type="submit" value="Ok" id="changepass"/> </form> </body> </html>
Содержание result.php:
<?php $received=$_POST['pass']; echo 'Received: '.$received; ?>
На данный момент это функционально, но результаты от result.php отображаются на новой странице.