Jquery .post и .append, как поместить некоторую информацию в разные div

Question

Привет, я работаю с laravel + Jquery и использую метод POST для отправки входной информации в контроллер с помощью Jquery .post ().И то, что контроллер возвращает HTML-информацию.Эта информация помещается на ту же страницу с помощью .append ():

$('#getRequest').submit(function () {
                var town = $('#town').val();
                var key = $('#key').val();


                $.post('getRequest', { town:town, key:key},function (data) {
                    $('#getRequestData').append(date);
                    $('#nav-tabContent').append(data);
                });
            });

Проблема в том, что я хочу отфильтровать эту информацию и поместить в разные части страницы.Я пытался использовать .filter () или .has (), но мне не удалось.Я хочу поместить некоторую информацию .append (date) в #getRequestData '.И сделать то же самое, чтобы поместить другую информацию .append (date) в $ ('# nav-tabContent'). Append (data);.

Что мне следует использовать или делать, пожалуйста?

Answer 1

Просто остановите обработку формы по умолчанию:

$('#getRequest').on('submit', function (event) {
            event.preventDefault();

            var town = $('#town').val();
            var key = $('#key').val();

            $.post('getRequest', { town:town, key:key},function (data) {
                $('#getRequestData').append(data);
                $('#nav-tabContent').append(data);
            });

            return false;
});

и не путайте data и date

Answer 2

Вы можете заключить ответ в $() и запросить его, что хотите, используя find() так же, как если бы он был на странице.

Что-то вроде:

$.post('getRequest', { town:town, key:key},function (data) {
    var $data = $(data);
    $('#getRequestData').append($data.find('someSelector'));
    $('#nav-tabContent').append($data.find('anotherSelector'));
});

Используемые вами селекторы будут зависеть от того, что содержится в ответе html