Question

我正在开发一个webapp，我需要在表单上有委托功能或类似的东西。

我会详细解释。首先，我的网页包含一个选择表单。

在提交表单时，我使用jQuery preventDefault函数阻止了重定向。结果也显示在同一页面中。

返回的结果也会变成表格。我希望这个表单也可以使用jQuery在同一页面上获得结果。

有可能吗？

<form id="svs" method="post" action="someurl.php">
    <select name='Subject'>
    <option value=ANATOMY>ANATOMY</option>
    <option value=Surgery>Surgery</option>
    <option value=PHYSIOLOGY>PHYSIOLOGY</option>
    <option value=PHYSIOLOGY-RESP>PHYSIOLOGY-RESP</option>
    <option value=CIVIL>CIVIL</option>  
    </select>
    <input type="submit" name="submit" id="submit" class="button button-primary" value="Select">
</form>
<div id="result"></div>

我的jquery文件是

jQuery(document).ready(function($){

 $('#sqb_edit').submit(function(){
  return false;
    });

 $('#submit').click(function(){
 $.post( 
   $('#sqb_edit').attr('action'),
   $('#sqb_edit :input').serializeArray(),
function(result){
   $('#result').html(result);
  });
  });

someurl.php代码是

  <?php
  $subject = $_POST['Subject'];

  if($subject==ANATOMY){
   ?>
  <form id="edit" method="post" action="someotherurl.php">
   <select id="Q" name="q">
   <option value="blah..blah">blah..blahh</option>
   <option value="blah..blah">blah..blahh</option>
   <option value="blah..blah">blah..blahh</option>
  </select>
 <input type="submit" name="submit" id="submit" class="button button-    primary" value="Select">
 </form>
 <div id="result"></div>
 <?php
  }
 ?>

我的查询是在同一页面中再次选择此表单，而不使用jQuery重定向到someotherurl.php。

Answer 1

不确定我是否正确理解您的问题，我认为您想在同一页面上显示提交结果，而不重定向。如果是这样，请尝试使用AJAX。

这是一个很好的例子：http://blog.teamtreehouse.com/create-ajax-contact-form

如何在php中使用委托方法表单

1 个答案: