Question

这是前一个问题的后续内容：“iframe与div + jquery”。我在main.php的div中加载一个表单（form1.php）。我希望能够在div中运行表单而不刷新main.php来填充数据库。这是main.php：

    <html>
    <head>
    <script type="text/javascript" src="javascript/update-div.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    $(document).ready(function() {
    $("#submit_btn").click(function(e) {
        e.preventDefault();
        $.post('form1.php', $("#form1").serialize(), function(result) { 
            $("#fc").html(result); });
        });
    </scrip>
    </head>
    <body leftmargin="0px" topmargin="0px" marginheight="0px" marginwidth="0px" bgcolor="#FFFFFF">
    <a href="javascript:ajaxpage('form1.php','fc')">form1</a>
    <br>
    <div id="fc"></div>
    </body>
    </html>

这是form1.php的代码

    <?php
    $link = mysql_connect('localhost', 'login', 'pwd');
    if (!$link) {die('Not connected : ' . mysql_error());}
    $db_selected = mysql_select_db('db_name');
    $name = strtoupper($_POST['name']);
    $birth = strtoupper($_POST['birth']);
    $act = $_POST['act'];
    if($act == "save"){
    $query="INSERT INTO `mnl_people` ( `name` , `birth`) VALUES ('$name', '$birth')";
    mysql_query($query);
    $idalbum=mysql_insert_id();
    }
    if(!empty($name)){
    $html = "<p>Your name: <b>".$name."</b></p>";
    $html .= "<p>Your birthplace: <b>".$birth."</b></p>";   
    echo("$html");
    }
    else{ ?>
    <form name="form1" enctype='multipart/form-data'>
    Name <input type='text' name='name' value=""><br>
    <br/>
    <br/>
    Birthplace : <input type="text" name="birth"><br/>

    <input type='submit' name='act' class='submit' value='save' id="submit_btn"/>
    </form>
    <?php
    }
    ?>

不幸的是，在提交点击时，main.php会刷新并显示以下网址：mnl / main.php？name = Johnb＆amp; birth = us＆amp; act = save。此外，尽管在表'mnl_people'中添加了新字段，但字段name和birth没有值：即$ name和$ birth似乎是空的。有人能让我知道我做错了什么。我在这里肯定遗漏了一些东西。感谢。

Answer 1

使用.live版本，而不是

 $("#submit_btn").click(function(e) {

使用

 $("#submit_btn").live('click',function(e) {

问题是，当您附加单击处理程序时，表单在DOM中不存在，因为您使用ajax加载它。

Answer 2

您没有将表单的方法声明为POST，因此它使用GET方法，但您尝试获取POST值。

将属性method="POST"添加到表单标记中，或使用$_GET['field_name']进行检索。

使用jquery从div中运行一个表单（插入/更新/删除）

2 个答案: