Node.js SailsJs-使用新数据刷新视图

这是我的第一个节点应用程序，我正在尝试根据用户应用的过滤器刷新视图。我可以在下表中显示数据

上面的代码是

async function getAll(req, res){
  try {
    if (req.session.loginError == true) {
      return res.redirect('/');
    }

    //** logic to fetch data in sData[]

    return res.view('pages/list', {data:sData});
  }
  catch(error){
    sails.log.error('Controller#getAll :: error :', error);
    return res.badRequest('Cannot fetch data at this time.' + error.stack);

  }
}

以上方法很好。问题是，如果我们选择一些日期过滤器，如fromDate和toDate，则可以正确地从后端获取数据，但不会刷新视图。 我在ejs页面中添加了以下代码，用于向控制器发送过滤器：

function search()
{
    var searchData = {
        fromDate : document.querySelector('#fromDate').value,
        toDate : document.querySelector('#toDate').value,
        status : document.querySelector('#status').value
    };

    var xmlhttp=new XMLHttpRequest();
    url = "/admin/controller/filterData";
    xmlhttp.open("POST",url,true);
    xmlhttp.setRequestHeader('Content-Type', 'application/json;charset=UTF-8')
    xmlhttp.send(JSON.stringify(searchData))

} 

在控制器中创建了一个名为filterData的新方法，如下所示

async function filterData(req, res) {    
try {
        if (req.session.loginError == true) {
          return res.redirect('/');
        }

        var sDate = Date.parse(req.param('fromDate'));
        var eDate = Date.parse(req.param('toDate'));
        var sta = req.param('status')
        var data= await ****.find().where({ and: [{ start_date: { '>': sDate, '<': eDate } }, { status: sta }] }).populate("***").sort('createdAt DESC');
        let sData = [];

        _.forEach(d, function(data){

         //logic to format data

          sData.push(d);
        });


        return res.view('pages/list', {data:sData});
      }
      catch (error) {
        sails.log.error('Controller#getfilterData :: error : ', error);
        return res.redirect('/admin/***/getAll');
      }
}

---

sData[]获取筛选的记录，但页面未使用新数据刷新。我不确定我们是否可以像这样刷新视图，或者需要将过滤后的数据发送回视图中的函数，然后从那里刷新表。请告知。

您正在发送XMLHttpRequest，这是一个ajax调用。所以页面根本不会重新加载。对于/admin/controller/filterData请求，最好从服务器返回json响应，然后用ajax响应填充UI。

谢谢。我按照建议尝试从控制器返回Json数据。可以在Ajax success函数中看到数据。但是，除了用新数据更新表之外，所有现有行也都消失了，只留下了标题。下面是ajax成功中的代码：functionresult{$'listTable.htmlresult；}您能否提供一些指针，说明如何更新表数据