Question

我想用ajax更新输入字段的数据。作为Ajax的新手，到目前为止，我已经尝试过了。我正在传递两个变量（即Name和Col以标识输入字段的名称和ID）。所以现在我坚持了这一点。我想使用mysql表“ Email”中的name =“ email_id”和Column name更新输入字段的值。因此，我传递了两个变量，以便php可以识别输入名称。但是，如何在现场传递新数据？我已经使用FormData以另一种形式完成了此操作，但在这种情况下我需要帮助。如果不明确，我对此表示歉意，这是我对stackoverflow的第一个查询。

HTML：

<input type="email" onblur="validate()" value="<?php echo $row['Email']; ?>" id="email_id" data-toggle="tooltip" title="Invalid Email" data-placement="top" data-content="Email must be in the format xyz@abc.com/net/info/org/in" name="email_id" placeholder="E-mail ID eg. max@mymail.com" class="form-control col-sm">

jQuery：

$('input').on("change",function(){
    console.log("Clicked");
    var Name=$(this).attr('name');
    var Col=$(this).attr('id');
    console.log(Name);
    $.ajax({
        url:"update.php",
        method:"post",
        data:{"Col":Col,"Name":Name},
        success:function(response){
            console.log(response);
        }
    });
});

Answer 1

您可以使用document.getElementByID（）。value来获取输入字段的值：

$('input').on("change",function(){
            console.log("Clicked");
            var Val=document.getElementById('email_id').value;
            var Name=$(this).attr('name');
            var Col=$(this).attr('id');
            $.ajax({
                url:"update.php",
                method:"post",
                data:{"Col":Col,"Name":Name, "Email":Val},
                success:function(response){
                    console.log(response);
                }
            });
});

如何通过Jquery Ajax传递变量和FormData？

1 个答案: