微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax学习

一:创建项目(ajax_demo01)
二:创建两个文件
server.js:用于编写服务端代码
ajax_demo01.html:用于编写前端页面代码
三:引入express框架(注:Express 是一个简洁而灵活的 node.js Web应用框架, 提供一系列强大特性帮助你创建各种Web应用)
E:\ajax\ajax_demo01>npm i express

四:编写服务端代码

  • [// 1.引入express
    const { response } = require('express');
    const express = require('express');
    // 2.创建应用对象
    const app = express();
    // 3.创建路由规则
    app.get('/server', (request, response) => {
    // 设置相应头,设置为允许跨域
    response.setHeader('Access-Control-Allow-Origin', '*');
    //设置响应
    response.send('HelloWorld!');
    })
    // 4.监听端口启动服务
    app.listen(9000, () => {
    console.log('服务已启动,端口为9000');
    })]
    五:加载nodemon工具(用于服务端修改保存时自动重启服务器)
    E:\ajax\express\ajax> npm install -g nodemon
    六:编写页面代码
  • [
<html lang="en"> <head> <Meta charset="UTF-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge"> <Meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ajax技术</title> <style> #result { width: 300px; height: 200px; border: 1px solid red; } </style> </head> <body> <button>这是一个按钮</button> <div id="result"></div> ]

七:启动服务器
nodemon ./server.js

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐