H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

目录结构:

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数据取出来自己处理,不然取出来的数据没有空格和换行

回答:

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

本文地址:H5W3 » 怎么在前端用Ajax获取后端接口中的数据,然后我自己处理

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址