使用jquery .ajax()使用post方法提交

时间:2015-03-03 12:43:45

标签: jquery ajax forms post

我有一个使用jquery UI创建的对话框中的表单。我试图将表单发送到带有jquery.ajax()请求的php控制器,但是我希望处理请求就像是从php页面提交并执行控制器(不仅得到响应)使用AJAX)。

之所以如此,是因为我想在请求中添加不在表单本身中的aditional数据,并且我似乎更容易使用jquery添加它。

这是表格:

<form action="">
    <fieldset>
        <div class="form-group">
            <label id="name">Soci:</label>
            <p id="soci_data"></p>
        </div>

        <div class="form-group">
            <label id="month">Mes:</label>
            <p id="mes_data"></p>
        </div>

        <div id="dropdown_payed"class="form-group">
                <select id="selectbasic" name="selectbasic" class="input-small">
                <option>payed</option>
                <option>not payed</option>
                </select>
        </div>

        <div class="form-group">
            <input type="submit" value="Update">
        </div>
    </fieldset>
</form>

我想提交的唯一表单字段是下拉菜单。

这是.ajax()请求:

$("form").submit(function(){
    $.ajax({
    type:"POST",
    url:"update.php",
    data:{
        id_month:idmonth,
        id_name:idname,
        payed: $("#dropdown_payed").val();
        }
    success:function(data){
        // To do when the request succeded
    }
});

控制器update.php现在只打印请求中传递的信息,以查看是否获得了我期望的数据:

print_r($_POST);

1 个答案:

答案 0 :(得分:1)

您可以在表单中使用<input type="hidden">并提交不会向用户显示的额外数据。这对你有用吗?