jQuery POST表单数据

Question

所有我想要做的是当我点击提交我想要所有表单数据被发送到process.php ...然后在process.php我想回显出POST数据...然后替换一切结果div来什么在process.php做...

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#myform").submit(function() {  
      $.ajax({ 
       type: "POST", 
       dataType: "html", 
       cache: false, 
       url: "process.php", 
       success: function(data){ 
        $("#results").html(data);      
       } 
      }); 
      return false; 
     }); 

     //$("#myform").submit(function() { 
      //$('#results').html("yay");      
     //} 
      // }); 
     //});   
    }); 
</script> 

<form name="myform" id="myform" action="" method="POST"> 
<!-- The Name form field --> 
    <label for="name" id="name_label">zoom</label> 
    <input type="text" name="zoom" id="zoom" size="30" value=""/> 
    <br> 
</select> 


<!-- The Submit button --> 
    <input type="submit" name="submit" value="Submit"> 
</form> 

<!-- FORM END ---------------------------------------- --> 


<!-- RESULTS START ---------------------------------------- --> 
    <div id="results">nooooooo<?PHP $_SESSION[''] ?><div> 
    <!-- <input type="image" name="mapcoords" border="0" src="mapgen.php"> ---- --> 
<!-- RESULTS END ---------------------------------------- --> 

Answer 1

$("#myform").submit(function() {  
    $.ajax({ 
     type: "POST", 
     data : $(this).serialize(), 
     cache: false, 
     url: "process.php", 
     success: function(data){ 
      $("#results").html(data);      
     } 
    }); 
    return false; 
}); 

测试它

Answer 2

您可以拨打012通过表单数据序列化。像这样：

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#myform").submit(function() {  
       $.post(
       'process.php', 
       $(this).serialize(), 
       function(data){ 
        $("#results").html(data) 
       } 
      ); 
       return false; 
      }); 
     }); 
</script>