怎么在前端用Ajax获取后端接口中的数据,然后我自己处理

发布于 2022-09-07 03:27:07 字数 2296 浏览 9 评论 0

目录结构:

clipboard.png

后端路由main.js:

/**
 * Created by Administrator on 2018/4/16.
 */

var express = require('express');
var router = express.Router();

var Category = require('../models/Category');
var Content = require('../models/Content');
var data;
/*
 * 处理通用的数据
 * */
router.use(function (req, res, next) {
     data = {
        userInfo: req.userInfo,
        categories:[],
    }
    Category.find().then(function (categories) {
        data.categories = categories;
        next();
    });
});


/*
* 首页
* */
router.get('/', function (req, res, next) {


    data.category = req.query.category ||'';
    data.count = 0;
    data.page = Number(req.query.page || 1);
    data.limit = 5;
    data.pages = 0;

    var where = {};
    if(data.category){
        where.category = data.category
    }


    Content.where(where).count().then(function (count) {

        data.count = count;
        //计算总页数
        data.pages = Math.ceil( data.count /  data.limit);
        //取值不能超过pages
        data.page = Math.min(   data.page,  data.pages);
        //取值不能小于1
        data.page = Math.max(   data.page, 1);

        var skip = ( data.page-1)* data.limit;

        return Content.where(where).find().limit(data.limit).skip(skip).populate(['category','user']).sort({
            addTime: -1
        });

    }).then(function (contents) {
        data.contents =contents;
        res.render('main/index',data);
    })

});

/*
* 内容页
* */
router.get('/view', function (req, res) {
    
    var contentId = req.query.contentid || '';
    
    Content.findOne({
        _id: contentId
    }).then(function (content) {
        data.content = content;
        console.log(content);

        content.views++;
        content.save();

        res.render('main/view',data);
    });
})



module.exports = router;

前端获取数据comment.js的代码

$.ajax({
    url:"/main/view",
    data :{
        contentid: $('#contentId').val(),
    },
    async: true,
    success: function(data) {
       console.log(data);
    }
});

clipboard.png

获取后端路由的数据失败,我就是想把后端里的数据里的content数据取出来自己处理,不然取出来的数据没有空格和换行

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

童话里做英雄 2022-09-14 03:27:07

可以把你得到的content内容,直接放在html()里;html()方法可以包含html标签的,语法:$(selector).html(content)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文