如何在nodejs中打開一個新頁面並顯示用戶數據

您好我是nodejs的新手，我嘗試重定向到一個新頁面以顯示單個記錄，當我點擊編輯按鈕時。我不確定路線如何工作。如果我瀏覽到： http://localhost:1337/我看到一個包含所有用戶的表格。我添加了一個說編輯的列，但是當我點擊編輯時，我試圖運行一個查找記錄然後打開帕格頁的函數：localhost：1337/userInfo。如何在nodejs中打開一個新頁面並顯示用戶數據

如果我只是瀏覽到：localhost：1337/userInfo，然後我看到與http://localhost:1337/相同的表，因爲它鏈接到具有所有代碼的global.js文件。所以我不確定這個路由是如何工作的，以及如何去編輯userInfo頁面，並且只查看global.js中函數的單個記錄。下面的一些代碼：

users.js

router.get('/findOneUser/:id', function (req, res) { 

var db = req.db; 
var id = req.params.id; 
var reg = new RegExp(id) 
var collection = db.get('userlist'); 
ccollection.find({ '_id': { $regex: reg }}, function (e, docs) { 
    res.json(docs); 
});

}）;

global.js

function populateTable(newuser) { 

// Empty content string 
var tableContent = ''; 
Json = '/users/userlist'; 

//Compile getJSON Statement 
if (newuser !== '') { 


    Json = '/users/findUser/' + newuser; 

} 


// jQuery AJAX call for JSON 
$.getJSON(Json, function (data){ 
    // Stick our user data array into a userlist variable in the global object 
    userListData = data; 
    // For each item in our JSON, add a table row and cells to the content string 
    $.each(data, function() { 
     //Get the date from MongoDB and convert to local format 
     var dt = new Date(this.DOB).toLocaleDateString(); 

     tableContent += '<tr>'; 
     tableContent += '<td><a href="#" class="linkshowuser" rel="' + this.username + '">' + this.username + '</a></td>'; 
     tableContent += '<td>' + this.email + '</td>'; 
     tableContent += '<td>' + dt + '</td>'; 
     tableContent += '<td><a href="#" class="linkdeleteuser" rel="' + this._id + '">delete</a></td>'; 
     tableContent += '<td><a href="#" class="linkupdateuser" rel="' + this._id + '">edit</a></td>'; 
     tableContent += '</tr>'; 
    }); 

    // Inject the whole content string into our existing HTML table 
    $('#userList table tbody').html(tableContent); 
});

};

來源

2017-08-08 maximdj

首先，你有一個錯字你users.js 裏面的意思是

var collection = db.get('userlist'); 
collection.find({ '_id': { $regex: reg }}, function (e, docs) { 
    res.json(docs); 
});

如果你想找到結果只有一個，你可以使用

// Of course, I assume you're using Mongoose 
var collection = db.get('userlist'); 
collection.findOne({ '_id': { $regex: reg }}, function (e, docs) { 
    res.json(docs); 
});

以及您的前端，你甚至不會給edit按鈕一個鏈接

$.getJSON(Json, function (data){ 
    // Stick our user data array into a userlist variable in the global object 
    userListData = data; 
    // For each item in our JSON, add a table row and cells to the content string 
    $.each(data, function() { 
     //Get the date from MongoDB and convert to local format 
     var dt = new Date(this.DOB).toLocaleDateString(); 

     tableContent += '<tr>'; 
     tableContent += '<td><a href="#" class="linkshowuser" rel="' + this.username + '">' + this.username + '</a></td>'; 
     tableContent += '<td>' + this.email + '</td>'; 
     tableContent += '<td>' + dt + '</td>'; 
     tableContent += '<td><a href="#" class="linkdeleteuser" rel="' + this._id + '">delete</a></td>'; 
     tableContent += '<td><a href=/findOneUser/'+ this._id +' class="linkupdateuser" rel="' + this._id + '">edit</a></td>'; 
     tableContent += '</tr>'; 
    }); 

    // Inject the whole content string into our existing HTML table 
    $('#userList table tbody').html(tableContent); 
});

來源

2017-08-08 19:48:25

如何在nodejs中打開一個新頁面並顯示用戶數據

回答

相關問題