Question

我是AJAX的新手并且如果之前已经被问过，请道歉。

我在模态窗口中显示可编辑内容，在用户更新后，将其写回我的MySQL数据库。只有在关闭模式并重新加载整个网站后，用户才能看到更新的内容，这对我需要的东西来说有点过分。

长话短说，我想知道如何刷新某个<input> or <textarea> or <div>字段，因为用户按下“保存更改”按钮后，该字段已经是已打开模式的一部分？

重新加载整个页面只是为了显示更新的input字段，这似乎是浪费资源。

由于

当前Jquery / AJAX代码

// EDIT LOGBOOK RECORD - SAVE RECORD BUTTON
$("#EditLogButton").click(function() {

    // check that input fields are not empty
    if($("#dataProb").val()!="" && $("#dataProbCat").val()!="" && $("#dataDeptResp").val()!="" && $("#dataStatus").val()!="") {

        $.ajax({
            url: "../../plugins/MySQL/ajax_action.php",
            type: "POST",
            async: true, 
            data: { action:"update_log",LogID:$("#dataLogID").val(), Status:$("#dataStatus").val(), Problem:$("#dataProb").val(), Prob_Cat:$("#dataProbCat").val(), Dept_Resp:$("#dataDeptResp").val(), Action:$("#dataAction").val()}, //your form data to post goes here as a json object
            dataType: "html",

            success: function(data) {
                $('#problem_output').html(data);
                drawVisualization();   
            },

            error: function(data) {
            console.log(err);
            }
        });

        // close modal and refresh page
        $('#EditProblemModal').modal('hide');
        setTimeout(function(){location.reload()}, 2000);

    } else {
        //notify the user they need to enter data
        alert("Please enter a valid Category / Issue / Department / Experience.");
    }
});

AJAX - 在查询后模拟模态中的某些输入字段

0 个答案: