2015-09-07 263 views
0

我想更新我的頁面上的值,當我用戶選擇他們想要過濾但我不想刷新網頁不斷。作爲一個例子,可以考慮一個房地產網站,您可以根據地點和房屋的類型(如公寓[4] townhouse [0] studio [5])進行過濾。住房的類型將永遠存在,但它的數字我有興趣更新。當你改變過濾器時,新的數字會彈出。我正在做的是根據主題,主題等過濾問題。更新頁面上的值而不刷新Node.js

有沒有方法可以在node.js中使用它?到目前爲止,我的工作需要刷新頁面。

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

的「/用戶/ calculatequestions」經過一個app.post並呈現新的變量,新的一頁。

由於提前, 小號

+0

爲什麼調用後,如果用戶只改變下拉菜單等?你應該爲你的過濾元素添加一個事件監聽器,當他們點擊[apply]時,你可以調用你的ajax函數。 – Data

+0

感謝您的回覆。理想情況下,我希望在用戶更改複選框(即過濾器)時更新值,並且我不想調用帖子。我只想得到一些工作,現在正在打磨它。我的問題是,如何發送發送過濾器到節點,並讓節點發回一些數字,而不必刷新/發佈頁面。 – Szpok

+0

沒有顯示的ajax代碼會刷新頁面。 Queston沒有意義 – charlietfl

回答

2

您可以通過Java腳本得到過濾器的值,並通過Ajax發送數據的過濾器。輸入的

實施例:

<input id="field" name="field1" type="text" > 

Java腳本函數(一起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在note處理後返回數據,然後更新前端中的組件(輸入,表格,列表等)。

看到這個問題,請:How to refresh table data using Ajax, Json and Node.js

+0

謝謝。我的問題的答案的關鍵是res.send(數據),它會成功顯示:function(data){...}。 – Szpok