首页 > 其他分享> 文章详细

Ajax基础(中)

2021-05-12 21:04:17 阅读：116 来源： 互联网

标签：index res express 基础 Ajax router 路由页面

这节主要在上节的基础上学会如何使用Ajax

源码下载：

链接：https://pan.baidu.com/s/1kG-vACFxneAZqONdo97XrQ

提取码：k21y

在WebStorm中打开整个工程，首先需要关注的是bin、routes、views文件夹下的内容。

在上一节介绍过如何启动web服务器，这里再介绍一种服务器的方法：选中AjaxServer-->bin-->www（服务器完成后这部分代码会自动生成），

右击，选择Run 'www'，同样也可以启动服务器，这样输入网址就可以访问服务器资源了。

为什么输入localhost：3000就会返回一个页面呢？

构建服务器的时候，会生成一个routes和views文件夹，在输入网址的时候，首先会访问这两文件夹里面的内容。

routes--->index.js index title就是index.ejs中的title，如果Express修改为其他的，返回的页面内容也会有相应的变化

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

/* GET home page. 页面路由*/
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

views-->index.ejs

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  </body>
</html>

我把Express--->Ajax学习大本营，返回的页面也变化了

上面能够返回页面的叫做页面路由，那么怎么返回数据呢？返回数据的叫做接口路由，这里接口路由返回一json数据。

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

/* GET home page. 页面路由:是返回页面的*/
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Ajax学习大本营' });

});

/*接口路由：返回数据*/
router.get('/api/one',function (req,res,next){
  res.json({
    "state":200,
    data:{
      "name":"zxtang",
      "age":20
    }
  });
});
module.exports = router;

同样的，使用Postman来测试

标签：index,res,express,基础,Ajax,router,路由,页面
来源： https://www.cnblogs.com/zxtang/p/14761624.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Ajax基础(中)