我想通过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); } }); }); });