如何提交使用jquery加载的表单

时间:2014-04-11 23:54:57

标签: jquery html

我有一个包含带有php的html表单的文件,我使用jquery加载此文件,但是当我尝试提交表单时,表单不提交,并且还刷新页面以便包含该文件的文件我加载它的形式消失了。 这是我的档案:

$(document).ready(function() {
 $('#admin_profile').click(function () {
        $('#main').load('profile_admin.php', null, function () {
             $('#addtot').click(function () {
                $('#cont').load('add.php');
            }) 
    });
});
})

我的表单存在于add.php中,这是一个简单的表单

 <form method="post" >
      <td><input name="title" type="text"></td>
      <td><textarea name="cont"></textarea></td>
      <input type="submit" name="sendmsg" value="send msg">
</form>

这是存在于同一文件中的php,我的意思是表单和php代码

if(isset($_POST['sendmsg'])){
            $title=mysqli_real_escape_string($connect,$_POST['title']);
            $cont=mysqli_real_escape_string($connect,$_POST['cont']);
            if(empty($title) || empty($cont)) {
                echo "some fields are empty";
            }
            else {
                $qr8=$connect -> query("INSERT INTO msg(title,cont) VALUES ('$title','$cont')") or die($connect->error);
                if($qr8) {
                    echo "success";
                }
            }
        }

我想要的是当我点击提交按钮时我希望提交表单并且消息成功或某些字段为空以显示在我加载文件的同一div上,

1 个答案:

答案 0 :(得分:0)

我猜您展示的PHP位于add.php。因此,您需要将表单更改为:

<form method="post" action="add.php">
    ...
</form>

如果表单没有action属性,则会使用当前文档的网址。当表单加载了Javascript时,这是加载的文档,而不是从中提取的文档。