javascript - 在 Node.js 中更新页面上的值而不刷新

Question

当用户选择他们想要过滤的内容时，我尝试更新页面上的值，但我不想不断刷新网页。举个例子，考虑一个房地产网站，您可以根据位置进行过滤，并且住房类型会随数字返回(例如，公寓 [4] 联排别墅 [0] 工作室 [5])。住房类型永远存在，但我有兴趣更新的是数字。每当您更改过滤器时，就会弹出新的数字。我正在做的是根据主题、主题等过滤问题。

有没有办法在node.js 中使用它？到目前为止我所做的工作需要刷新页面。

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

“/user/calculatequestions”遍历 app.post 并呈现带有新变量的新页面。

提前致谢，

Answer 1

您可以通过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 () { }
    });

然后，在名为/user/calculatequestion 的函数 Node 中，您可以获得参数过滤器:

var filter_data = req.body.fielter_data1;

成功回调在注释处理后返回数据，然后您更新前端中的组件(输入、表格、列表等)。

请查看这个问题:How to refresh table data using Ajax, Json and Node.js