Question

我有这段代码

<div></div>
<form>
<input type="text" name="abc">
<input type="submit" value="send">
</form>

$('form').on('submit', function(){
   $.post('process.php', $(this).serialize(), function(data) {
    $('div').html(data);
   });
   return false;
});

一切正常但提交后我输入的值已经消失而且它是空的......哪里有问题？

Answer 1

它对我有用，如果它不适合你告诉我

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<div></div>
<form>
<input type="text" name="abc">
<input type="submit" value="send">
</form>
<script>
$('form').submit(function(){
   $.post('process.php', $(this).serialize(), function(data) {
    $('div').html(data);
   });
   return false;
});
</script>
</body>
</html>

在process.php中：

<?php
echo $_POST['abc'];
?>

Answer 2

试试这种方式

<script>
    $(document).ready(function(){

            $('#submit').click(function(){ 
                $.post('process.php', $('#myform').serialize(), function(data) {
                 $('div').html(data);
                });
                return false;
           });
    });

</script>

<div></div>
<form id="myform">
<input type="text" name="abc">
<input type="button" value="send" id="submit"/>
</form>

表单提交输入后的jquery为空

2 个答案: