Я хочу отправить эту форму через jquery ajax, это то, что я сделал, и он не работает. т.е. форма отправляется с обновлением страницы, и я не вижу ответ, т. е. массив печати на той же странице.
HTML
<link rel='stylesheet' type='text/css' href='css/pepper-grinder/jquery-ui-1.10.4.custom.css' /> <script type='text/javascript' src='js/jquery-1.10.2.js' ></script> <script type='text/javascript' src='js/jquery-ui-1.10.4.custom.min.js' ></script> <form id="form1" method="get" action="submit.php "> <label>Name of Organization</label> <input type="text" name="OrgName" id="OrgName" class="textfield"> <label>Address of Organization</label> <input type="text" name="OrgAddress" id="OrgAddress" class="textfield"> <input type="submit" value="Register Organization"> </form> <div id="response">ads</div> <script> $document.ready(function(){ $("#form1").click((function(event){ event.preventDefault(); $.ajax({ url:'submit.php', type:'GET', data:$(this).serialize(), success:function(result){ $("#response").text(result); } }); }); }); </script> PHP (submit.php)
<?php print_r($_GET); ?>
Используйте это – было несколько синтаксических ошибок, и событие должно быть отправлено
$(function(){ $("#form1").submit(function(event){ event.preventDefault(); $.ajax({ url:'submit.php', type:'GET', data:$(this).serialize(), success:function(result){ $("#response").text(result); } }); }); });
$document.ready(function(){ $("#form1 input[type='submit']").click(function(event){ event.preventDefault(); $.ajax({ url:'submit.php', type:'GET', data:$(this).serialize(), success:function(result){ $("#response").text(result); } }); }); });
Я ваш код $ ("# form1"). Click (…. не имеет никакого значения здесь … Вы хотите обработчик события, когда вы нажимаете кнопку отправки. Поэтому я думаю, что если вы возьмете соответствующий селектор, то он может отлично работать
$("#form1").click((function(event){
изменить на
$("#form1").submit((function(event){
Ошибка в функции $(document).ready(function()
Попробуй это
$(document).ready(function(){ $("#form1").submit(function(event){ event.preventDefault(); $.ajax({ url:'submit.php', type:'GET', data:$(this).serialize(), success:function(result){ $("#response").text(result); } }); }); });
2 замечания:
функция submit должна вернуть false, чтобы остановить обычную запись, вы можете использовать атрибут onsubmit в форме вместо готового и т. д., например
<form onsubmit="$.ajax({url:'submit.php', type:'GET',data:$(this).serialize(), success:function(result){$("#response").text(result);});return false;" id="form1" method="get" action>