PHP HTML輸入將多個參數傳遞給jQuery AJAX調用

Question

我正在處理我的第一個使用jQuery執行AJAX HTTP POST的HTML表單。 當用戶更改輸入文本字段並在該字段之外制表符時，我希望它觸發AJAX調用並傳遞輸入字段的值以及另一個PHP變量的值。

這是有問題的輸入：

<td><input type="text" class="form-control" id="storeManager" name="storeManager" value="Peter McMahon"></td>

我有一個PHP變量-$ uuid-它也需要傳遞到我的AJAX腳本以及輸入文本字段的值。

這是我目前的腳本：

<script type="text/javascript">
$(document).ready(function() {
    $("#storeManager").change(function(){
        $.ajax({
        url: "editProject.php",
        data: {
            storeManager: storeManager, 
            uuid: uuid
            },
        success: function(data) {
            $("#storeManager").html(data).addClass("has-success");
        },
        error: function (data) {
            $("#storeManager").html(data).addClass("has-error");
        }
        }); 
    });
});

</script>

我是jQuery和AJAX的新手，並嘗試了所有我能想到的方法，但不確定如何添加所需的參數？

Answer 1

希望我能理解你的意思。

我假設您提供的標記位於PHP處理的文件中，並且$ uuid存在於上下文中。

<?php
    $uuid = '22dcf5f0-cbca-4dd7-8b5e-f9ca68a301ff';
?>

<td><input type="text" class="form-control" id="storeManager" name="storeManager" value="Peter McMahon"></td>

<script type="text/javascript">
$(document).ready(function() {
    $("#storeManager").change(function(){
        var storeManager = $("#storeManager").val();
        $.post('editProject.php', { storeManager: storeManager, uuid: '<?=$uuid?>' }, function(data) {
            // cannot set $("#storeManager").html() - do something else with data.
            // if you alter the #storeManager html input in any way, you will need to rebind this eventListener.
            $("#storeManager").addClass("has-success");
        }).fail(function () {
            // no data available in this context
            $("#storeManager").addClass("has-error");
        });
     }); 
});

</script>

Answer 2

您需要像這樣獲取html輸入的值，還可以將$ uuid值放在輸入字段中（如果需要可以將其隱藏），以便可以用相同的方式調用它：

....
data:{
    storeManager:$(#storeManager).val();
    uuid: $(#uuid).val();
}
....

希望能有所幫助！