jQuery AJAX вызов с использованием POST для перезагрузки селектора

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 запрос и в случае успеха просто заменить элемент с содержимым из ответа сервера (который содержит новый список Reloaded пунктов)

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()