利用Mongoose让JSON数据直接插入或更新到MongoDB(2)

<script src="https://www.jb51.net/javascripts/jquery-1.9.1.min.js"></script> <script src="https://www.jb51.net/javascripts/bootstrap.min.js"></script> <script src="https://www.jb51.net/javascripts/jquery.json-2.4.js"></script> <script src="https://www.jb51.net/javascripts/movie.js"></script> </body> </html>

在public/javascripts/目录,增加movie.js文件,作为前端脚本

$(function() { var mdata={}; var url = '/javascripts/movie.json'; $.getJSON(url, function(data) { mdata=data; render_editor_form(mdata); render_event_form(mdata); }); var render_editor_form=function(data){ $('#c_editor').val($.toJSON(data)); }; var render_event_form=function(){ $('#c_save').on('click',function(event){ var data = {}; data['content'] = mdata; $.ajax({ type: "POST", url: '/movie/add', data: data, success: function (data, textStatus){ if(data.success){ $('#msg').html('成功保存!'); $('#msg').addClass('alert alert-success'); $(location).attr('href','/movie/'+mdata.name); } else { $('#msg').html(data.err); $('#msg').addClass('alert alert-error'); } } }); }); }; });

修改views/footer.html,增加movie.js文件引用,同时增加jquery.json包

<script src="https://www.jb51.net/javascripts/jquery-1.9.1.min.js"></script> <script src="https://www.jb51.net/javascripts/bootstrap.min.js"></script> <script src="https://www.jb51.net/javascripts/jquery.json-2.4.js"></script> <script src="https://www.jb51.net/javascripts/movie.js"></script> </body> </html>

网页效果::3000/movie/add

利用Mongoose让JSON数据直接插入或更新到MongoDB

在models/Movie.js,增加save方法

MovieDAO.prototype.save = function(obj, callback) { var instance = new Movie(obj); instance.save(function(err){ callback(err); }); };

在routes/movie.js,调用save方法

exports.doMovieAdd = function(req, res) { console.log(req.body.content); var json = req.body.content; if(json._id){//update } else {//insert Movie.save(json, function(err){ if(err) { res.send({'success':false,'err':err}); } else { res.send({'success':true}); } }); } };

控制台日志

Express server listening on port 3000 { name: '未来警察', alias: [ 'Future X-Cops ', 'Mei loi ging chaat' ], publish: '2010-04-29', images: { coverBig: '/img/movie/1_big.jpg', coverSmall: '/img/movie/1_small.jpg' }, source: [ { source: '优酷', link: 'http://www.youku.com', swfLink: 'http://player.youku.com/player.php/sid/XMTY4NzM5ODc2/v.swf', quality: '高清', version: '正片', lang: '汉语', subtitle: '中文字幕' }, { source: '搜狐', link: 'http://tv.sohu.com', swfLink: 'http://share.vrs.sohu.com/75837/v.swf&topBar=1&autoplay=false&plid=3860&pub_ca quality: '高清', version: '正片', lang: '汉语', subtitle: '中文字幕' } ] } POST /movie/add 200 57ms - 21b

数据已插入MongoDB

利用Mongoose让JSON数据直接插入或更新到MongoDB

4. 查询数据,取出刚增加的记录

models/Movie.js,增加findByName方法

MovieDAO.prototype.findByName = function(name, callback) { Movie.findOne({name:name}, function(err, obj){ callback(err, obj); }); };

routes/movies.js,增加movieJSON

exports.movieJSON = function(req, res) { Movie.findByName(req.params.name,function(err, obj){ res.send(obj); }); }

前端javascripts/movie.js,从/movie/json/xxx处取数据

var mdata={}; var url = '/javascripts/movie.json'; var movie=$('#c_editor').attr('movie') if(movie){ url = '/movie/json/'+movie; }

修改 views/movie.html

<textarea rows="10" <%= (movie?'"movie='+movie+'"':'') %>></textarea>

访问我们的网页

:3000/movie/未来警察

利用Mongoose让JSON数据直接插入或更新到MongoDB

数据从/movie/json/未来警察,处读取。完成尝试。

修改操作与插入的操作类似,我就不做演示了。

以上程序代码,大家可自行下载学习。

github地址:https://github.com/bsspirit/nodejs-demo

本地下载:(jb51.net).rar

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wypyfx.html