2015-09-07 1 views
0

Я пытаюсь обновить значения на своей странице, когда пользователь выбирает, что они хотят фильтровать, но я не хочу постоянно обновлять веб-страницу. Например, подумайте о сайте недвижимости, на котором вы фильтруете по местоположению и типам жилья, возвращайтесь с номером (например, квартира [4] таунхаус [0] studio [5]). Типы жилья всегда будут там, но его номера меня интересуют. Когда вы меняете фильтр, появляются новые номера. То, что я делаю, это фильтрация вопросов на основе темы, темы и т. Д.Обновление значений на странице без обновления в Node.js

Можно ли использовать это в node.js? До сих пор я работаю над обновлением страницы.

$.ajax({ 
    type="POST", 
    url: "/user/calculatequestions", 
    data: { 
     filter date here... }, 
    success: function() { }, 
    error: function() { } 
}); 

«/ пользователь/calculatequestions» проходит через app.post и делает новую страницу с новыми переменными.

Спасибо заранее, S

+0

почему вызвать сообщение, если пользователь только меняется раскрывающиеся меню и соавт? вы должны добавить event-listener к вашим элементам фильтра, и когда они нажмут [apply], вы можете вызвать функцию ajax. – Data

+0

спасибо за ответ. В идеале я хочу, чтобы значения обновлялись, когда пользователь меняет флажки (т. е. фильтр), и я не хочу ссылаться на сообщение. Я просто хочу получить что-то работающее, и теперь немного его полирую. Мой вопрос заключается в том, как отправлять фильтры отправки на узел и отправлять узлу некоторые номера без обновления/публикации страницы. – Szpok

+0

ничего в показанном коде ajax не обновит страницу. Квестон не имеет смысла – charlietfl

ответ

2

Вы можете получить значение фильтра через Java Script и отправить фильтр данных через Ajax.

Пример ввода:

<input id="field" name="field1" type="text" > 
функция

Java Script (вместе стек Ajax):

var data = {}; 
    data.fielter_data1 = document.getElementById('field'); 

    $.ajax({ 
     type="POST", 
     url: "/user/calculatequestions", 
     data: data, 
     success: function() { }, 
     error: function() { } 
    }); 

Затем в функции узла с именем/пользователь/calculatequestion вы можете получить параметры фильтра с:

var filter_data = req.body.fielter_data1; 

успех с allback возвращает данные после процесса примечания, затем вы обновляете компоненты (входы, таблицы, списки и т. д.) в интерфейсе.

Смотрите этот вопрос пожалуйста: How to refresh table data using Ajax, Json and Node.js

+0

Спасибо. Ключом к ответу на мой вопрос был res.send (данные), который будет казаться успешным: function (data) {...}. – Szpok

Смежные вопросы