程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程解疑 >> ajax-新人求助node.js+mongodb使用Ajax怎麼部分渲染html

ajax-新人求助node.js+mongodb使用Ajax怎麼部分渲染html

編輯:編程解疑
新人求助node.js+mongodb使用Ajax怎麼部分渲染html

後台

 app.get('/delBookType',function (req,res,next) {
        var bookTypeList = '';
        var delData = {_id:req.query._id};
        bookTypeDao.delBookType(delData,function () {});
        bookTypeDao.findBookType({},{},{},function (docs) {
                        console.log(docs);
                        bookTypeList = docs;
                });
        res.send({success:'操作成功',bookTypeList:bookTypeList});
    })

前端

 $.ajax({
            url:'/delBookType',
            type:'get',
            data:{_id:idValue},
            dataType:'json',
            success:function (data) {
                alert(data.success);
            },
            error:function (jqXHR, textStatus, errorThrown) {
                alert('error ' + textStatus + " " + errorThrown);
            }
        })
  <table class="table table-striped table-hover" id="book_type_table">
        <thead>
        <tr>
            <th></th>
            <th>唯一標識</th>
            <th>圖書類型名稱</th>
        </tr>
        </thead>
        <tbody>
        <% bookTypeList.forEach(function(list,index){ %>
            <tr>
                <td><%= index+1 %></td>
                <td class="id_td"><%= list._id %></td>
                <td class="book_type_td"><%= list.bookTypeName %></td>
            </tr>
        <% }); %>
        </tbody>
    </table>

之前是寫java的所以習慣是在刪除操作之後再重新查一遍列表,但node這樣好像行不通,導致最後
res.send的docs取不到值。還有一個問題是我寫固定的JSON串放到bookTypeList參數裡面HTML也沒有覆蓋之前的列表,大神求教

最佳回答:


//注意node的異步特性,這麼寫試試:
app.get('/delBookType',function (req,res,next) {
var bookTypeList = '';
var delData = {_id:req.query._id};
bookTypeDao.delBookType(delData,function () {});
bookTypeDao.findBookType({},{},{},function (docs) {
console.log(docs);
bookTypeList = docs;
res.send({success:'操作成功',bookTypeList:bookTypeList});
});
})

sinat_37058296
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved