使用ajax从mongoose获取数据到前端

问题描述 投票:0回答:1

由于我是node.js和MongoDB的新手,我在尝试在网页中显示值时遇到错误,如crud。我想在用户提交表单后向前端显示mongoose值。我在控制台中获取数据,而不是在网页enter image description here

拜托,拜托,帮助。谢谢

user_controller.js

    const Admin = require('../models/user_model');

    exports.adduser = (req, res, next) => {
        const name =req.body.name;
        const quote = req.body.quote;

        const Admin_save= new Admin();
        Admin_save.name=name;
        Admin_save.quote=quote;
        console.log(Admin_save.name);
        console.log(Admin_save.quote);
        Admin_save.save()
       .then(result =>{
           //console.log(result);
           console.log('Created Admin_panel');
           res.redirect('/firstpage')
       })

    }

user_model架构

     const adminSchema = new Schema({
           name : 
            {
                type :String
            },
            quote : 
            {
                type: String

            }
        });

我想使用ajax和我的ajax文件显示

$('submit').click(function() {
    $.ajax({
        type: 'POST',
        url: 'mongodb://localhost:27017/data',
        data: $(formid).serialize(),
        dataType:"json", //to parse string into JSON object,
        success: function(data){ 
            if(data){
                var len = data.length;
                var txt = "";
                if(len > 0){
                    for(var i=0;i<len;i++){
                        if(data[i].name && data[i].quote){
                            txt += "<tr><td>"+data[i].name+"</td><td>"+data[i].quote+"</td></tr>";
                        }
                    }
                    if(txt != ""){
                        $("#table").append(txt).removeClass("hidden");
                    }
                }
            }
        },
        error: function(jqXHR, textStatus, errorThrown){
            alert('error: ' + textStatus + ': ' + errorThrown);
        }
    });
    return false;//suppress natural form submission
});
node.js ajax mongoose
1个回答
0
投票

您无法通过ajax直接访问mongodb数据。 您需要在nodejs中创建一个新的api来读取数据,然后在该read api上调用ajax请求。

© www.soinside.com 2019 - 2024. All rights reserved.