提交表单而不刷新页面

Question

I'm having a problem with jQuery(or maybe php). 我对jQuery（或php）有疑问。 I want forms to be submitted without refreshing the page so i ended up with the following code but the problem is it doesn't work. 我希望提交表单而不刷新页面，所以我最终获得了以下代码，但问题是它不起作用。 Here's the code: 这是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
                $("#submit").click(function() {
                var name = $("#name").val();

                var dataString = 'name='+ name;

                $.ajax({
                type: "POST",
                url: "p.php",
                data: dataString,
                success: function(){
                    alert("It works");

                }
                });
                return false;

            });
</script>
</head>

<body>
<form id="myForm" name="myForm" action="">
  <p>
    <label for="name"></label>
    <input type="text" name="name" id="name" />
  </p>
  <p>
    <input type="submit" name="submit" id="submit" value="Submit" />
  </p>
</form>
<br />
</body>
</html>

Processing Page: 处理页面：

<?php include("../includes/includes.php"); ?>
<?php $name = $_POST['name']; ?>
<?php $sql = "INSERT INTO xyz 
        (id, value) VALUES 
            (1, '{$name}')";
        $result = $database->query($sql);
?>

Answer 1

i dont know why its not working but you can try like this 我不知道为什么它不起作用，但是你可以这样尝试

<form id="myForm" name="myForm" action="">
  <p>
    <label for="name"></label>
    <input type="text" name="name" id="name" />
  </p>  
  <p>
     <input type="button" name="submit" id="submit" value="Submit" />//change type to button
  </p>
</form>

also make an error callback 也使错误回调

$(function(){
 $("#submit").click(function(e) {
                e.preventDefault();
                var name = $("#name").val();
                $.ajax({
                type: "POST",
                url: "p.php",
                data: {name:name},
                success: function(){
                    alert("It works");
                },
                error:function(e){alert("it failed");}
                });

            });   

});

Answer 2

您需要像这样修改表单标签：

<form id="myForm" name="myForm" action="" onsubmit="return false;">

提交表单而不刷新页面

问题描述

2 个解决方案

解决方案1
4 已采纳 2011-10-08 17:13:43

解决方案2
1 2011-10-08 16:53:54

提交表单而不刷新页面

问题描述

2 个解决方案

解决方案1 4 已采纳 2011-10-08 17:13:43

解决方案2 1 2011-10-08 16:53:54

解决方案1
4 已采纳 2011-10-08 17:13:43

解决方案2
1 2011-10-08 16:53:54