2013-03-03 2 views
-1

Этот пост в продолжении поста в этом URL Loading Multiple pages on the same page in PHPЗагрузка несколько страниц на одной странице в PHP прод

К сожалению, я считаю, что это новый запрос, поэтому я думал, размещение нового вопроса ..

спасибо ребята за уры входов там .. Моя основная проблема остается тем же

«у меня есть основной HTML страница с именем cwt.html, который имеет все галочки и кнопка отправки. После нажатия кнопки Submit нажата, следующие страница (например, processing1.php), связанная с выбранными флажками (cwt.html), также должна быть загружена на той же странице .. »

Я использовал вызов функции нагрузки, что относительно неподвижный вопроса, но я, с которыми сталкиваются другой серьезной проблемой в коде .. Было бы здорово, если бы вы могли бы помочь мне с этим ..

<html> 
<head> 
<title> Conditions We Treat </title> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script> 
$("#submit1").click(function(){ 
$("#form1").load('processing1.php'); 
}); 
</script> 
</head> 
<body> 
    <div id = form1> 
     <input type = "checkbox" name = "sickness[]" value = "Nausea">Nausea</input><br/> 
     <input type = "checkbox" name = "sickness[]" value = "Constipation">Constipation</input><br/> 
     <input type = "checkbox" name = "sickness[]" value = "vomiting">Vomiting</input><br/> 
     <div id = "submit1"><input type = "submit" name = "submit1" value = "submit"></input></div><br/> 

    </div> 
</body> 
</html> 

дело в том, что нужно сделать это, когда я нажмите на кнопку отправить, он должен перейти на другую страницу и процесс со значениями этой страницы ..

ограничение я нахожу здесь

  1. когда я объявляю действие формы, я t переходит на эту конкретную страницу вместо загрузки на этой странице, так как в случае, если я даю <form name = "i1" action = "processing1.php" method = "get">,, управление переходит к processing1.php, а содержимое загружается на новую страницу.

  2. Если я не даю формы, она работает в путь, но я не могу сохранить данные этой страницы ..

ответ

0

Вы можете использовать прослушиватель событий в той форме, которая ловит событие Submit-и затем вызывает в вашей новой страницы через AJAX. Ссылка API JQuery покажет вам, как именно это сделать: http://api.jquery.com/submit/

Вот пример:

$('#form').submit(function(e) { 
    // prevents the browser from sending the form 
    e.preventDefault(); 
    // loads your nextpage.php into the target with the form-data sent as postdata 
    $('#target').load(
     "nextpage.php", 
     { postdata: $('#form').serialize() } 
    ); 
    return false; 
}); 

в .submit() вызывается до того, как браузер отправляет форму. Поэтому вы можете использовать встроенную функцию .preventDefault(), которая сообщит браузеру о том, чтобы не выполнять действие по умолчанию в submit-event. Затем вы можете сделать свою собственную обработку событий; в этом случае: загрузите новую страницу через AJAX и добавьте ее где-нибудь на текущей странице.

.serialize() создаст строку, готовую для отправки через AJAX, например. http://api.jquery.com/serialize/

Не забывайте, что HTML извлекается через AJAX по-умолчанию не зависит от начального $(document).ready(function() { /* code here */ }); вызова, вы должны использовать .live() или что-то еще, чтобы связать JQuery funtionallity с этим новым кодом.