Обновить часть страницы в нефритовом?

Question

Я пытаюсь выполнить поиск и отправить результат на один и тот же сайт, у меня есть поиск, но я не могу получить результат для отправки обратно. Я хочу, чтобы начальный сайт отображал информацию без перезагрузки страницы.

Как отправить результат поиска обратно на страницу index.jade без необходимости его обновления?

function pagelist(items, res) { 
    var document=''; 
    var db = db_login; 
    if (items != null){ 
      items.forEach(function(item) { 
      document += '<a href=share/'+item._id+' class="searchElement">' 
      document += item.document 
      document += '</div>' 
     }) 
     if(document != ''){ 
      res.send(document); 
     }else{ 
     } 
    } 
} 

index.jade

extends layout 
block content 
    block child 

child.jade

extends index 
block child 
    !{document} 

Answer 1

Вы можете сделать это следующим образом:

Во-первых, вы можете обновить ваш index.jade так:

extends layout 
block content 
    #content 
     block child 

И тогда должна быть какая-то функция, которую вы вызываете, чтобы получить ваши результаты. Я назову его getResults. В обратном вызове этой функции теперь вы можете сделать следующее:

getResults(function(results){ 
    document.getElementById("content").innerHTML = results; 
}); 

Я надеюсь, что помогает.

UPDATE

Я дам вам полный пример:

server.js

var express = require("express"); 

var i = 0; 
function getResults(cb){ 
    cb("<div>Result "+(i++)+"</div><div>Result "+(i++)+"</div><div>Result "+(i++)+"</div>"); 
} 

var app = express(); 
app.set("view engine","jade"); 
app.get("/",function(req,res){ 
    getResults(function(results){ 
     res.render("page",{results:results}); 
    }); 
}); 
app.get("/results",function(req,res){ 
    getResults(function(results){  
     res.writeHead(200,"OK",{"Content-Type":"text/html"}); 
     res.end(results); 
    }); 
}); 

app.listen(80); 

просмотров/page.jade

doctype html 
html 
    head 
     script. 
      function update(){ 
       var req = new XMLHttpRequest(); 
       req.open("GET","/results"); 
       req.onreadystatechange = function(){ 
        if(req.readyState == 4){ 
         document.getElementById("content").innerHTML = req.responseText; 
        } 
       } 
       req.send(); 
      } 
    body 
     #content!= results 
     input(type="button",value="Update",onclick="update()") 

Запустите его с node server.js и посетите localhost. Вам следует узнать, как это делается;)