Question

我尝试使用jQuery发送POST（以及后来的DELETE）AJAX请求来替换$("#memberResults").load(url)的当前功能。我需要加载相同的URL，但使用动词POST或DELETE取决于我是否在我的REST服务中添加或删除成员。我应该澄清一下url首先进入我的java后端。

我尝试使用$ .ajax方法，但似乎无法使其正常工作。此代码将正确添加成员但不执行AJAX刷新（我需要刷新整个页面以查看更改）。

function addMember(){

    var member = document.getElementById('memQueryResult').innerHTML;
    var role = document.getElementById('roleChosen').innerHTML;
    var url = '/roles/' + role + '/' + member;

    $.ajax({
        url : url,
        type : 'POST',
        success : function(url) {
            $("#memberResults").load(url);
        }
    });
}

Answer 1

您首先执行POST / DELETE请求，并且成功时只需将元素替换为服务器响应中的内容（包含新重新加载的项目列表）

var ajaxType = getAction(); // returns 'POST' or 'DELETE'
var url = '/roles/' + $('#roleChosen').text() + '/' + $('#memQueryResult').text();

$.ajax({
    url: url,
    type: ajaxType,
    success: function (response) {
        $('#memberResults').replaceWith(response);
    }
});

document.getElementById('memQueryResult').innerHTML可以替换为jQuery $('memQueryResult').html()

使用POST重新加载选择器的jQuery AJAX调用

1 个答案: