表单不会使用jquery和post发送值

时间:2013-10-09 00:25:26

标签: javascript php jquery html

这些是我的代码,当我点击按钮时没有正确提醒表格我不知道我是否因为匆忙而做错了。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <link rel="stylesheet" href="form.css" />
    <script>
        $(document).ready(function(){
            $("#button").click(function(){
                var form = $("#form").serialize();
                alert(form);
                $.post("action.php", form, function(data){
                    $("#response").html(data);
                });
            });                
        });
    </script>
</head>
<body>
    <form id="form">
        <table>
            <tr colspan="2" style="text-align: center;">
                <td><b>Formulario</b></td>
            </tr>
            <tr>
                <td>C&oacute;digo Alumno:</td>
                <td><input type="text" id="alumno" /></td>
            </tr>
            <tr>
                <td>C&oacute;dido curso:</td>
                <td><input type="text" id="curso"/></td>
            </tr>
            <tr>
                <td>C&oacute;digo profesor:</td>
                <td><input type="text" id="profesor"/></td>
            </tr>
            <tr>
                <td>Correo profesor:</td>
                <td><input type="text" id="correo"/></td>
            </tr>
            <tr>
                <td>Descripci&oacute;n:</td>
                <td><textarea rows="10" cols="30"></textarea></td>
            </tr>
            <tr>
                <td colspan="2"><input type="button" id="button" value="Enviar"/></td>
            </tr>
            <tr>
                <td></td>
                <td></td>
            </tr>
        </table>
    </form>
    <div id="response"></div>
</body>
</html>

我看不到服务器端的值并显示

Notice: Undefined index: alumno in C:\xampp\htdocs\Formulario\action.php on line 7

Notice: Undefined index: curso in C:\xampp\htdocs\Formulario\action.php on line 10

Notice: Undefined index: profesor in C:\xampp\htdocs\Formulario\action.php on line 13

Notice: Undefined index: descripcion in C:\xampp\htdocs\Formulario\action.php on line 16

1 个答案:

答案 0 :(得分:3)

您应该将name属性添加到输入控件中,如此

<input type="text" id="correo" name="correo" /></td>

然后您的action.php将获得您想要的参数。