从Jquery Modal Box进入POST的旧值

时间:2014-08-22 08:00:57

标签: php jquery ajax post modal-dialog

所以我搞乱了非常愚蠢的问题,我正在Modal Box中打开正常的HTML表单以更新值。当我更改任何文本框的值并单击Ajax Call的按钮时,出现旧值是在POST而不是更改值

例如,如果有值5并且我将其更改为10并触发了Ajax,但在POST数据中仍有5。我正在使用on获取当前价值。

以下是我的HTML代码的一部分:

<form action="" id="UpdateBind_data">
   <input type="text" id="weightage" name="weightage" value="<?php echo $mapping_data->weightage; ?>">
<button type="button" class="btn btn-primary UpdateBind">Update</button>
</form>

Jquery:

 $("body").on("click", ".UpdateBind", function() {
        var Datastring = $("#UpdateBind_data").serialize();// Retrive the old values not the changed ones.
        $.ajax({
            type: "POST",
            url: updatedbindlink,
            data: Datastring,
            datatype: "json",
            cache: false,
            success: function(response) {
                if(response.res)
                {
                    alert("Mapping data successfully Inserted");
                }
                else
                {
                    //error
                }
                return false;
            }
        });
    });

提前致谢。

1 个答案:

答案 0 :(得分:0)

也许是因为你的表单在执行JQuery绑定之前提交了?试试这个:

 $("body").on("click", ".UpdateBind", function(e) {
        e.preventDefault();
        var Datastring = $("#UpdateBind_data").serialize();// Retrive the old values not the changed ones.
        $.ajax({
            type: "POST",
            url: updatedbindlink,
            data: Datastring,
            datatype: "json",
            cache: false,
            success: function(response) {
                if(response.res)
                {
                    alert("Mapping data successfully Inserted");
                }
                else
                {
                    //error
                }
                return false;
            }
        });
    });