博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
借助node.js + mysql 学习基础ajax~
阅读量:6704 次
发布时间:2019-06-25

本文共 2263 字,大约阅读时间需要 7 分钟。

很多小白不知道ajax怎么学,所以就弄了个node后台模拟下基本的ajax请求。

环境要求是安装node~

先上linkMysql.js

var mysql = require('mysql')var connection = mysql.createConnection({  host: 'localhost',  user: 'root',  password: '', //自己数据库的密码  database: ''//自己数据库的名称})function LinkMysql(tableName, key, value) {  connection.connect()  var data = ''  var sql = 'SELECT * FROM ' + tableName +' where ' + key + '=' + value  console.log(sql)  return new Promise(function(resolve,reject) {    connection.query(sql, function(err, result) {      console.log('--------------------------SELECT----------------------------');      console.log(result);      console.log('------------------------------------------------------------\n\n');        resolve(result)    })  })}function cutMysql() {  connection.end();}module.exports = {  cutMysql,  LinkMysql}

主JS server.js,提供连接maysql和不连接mysql两种版本

var http = require('http')var url = require('url');var util = require('util');var sqlFunc = require('./linkMysql.js');// 不连接数据库操作// var tempJson = [{//   name: '巧克力',//   price: 10// },{//   name: '薯条',//   price: 20// }]http.createServer(function(req, res) {  // 跨域处理  res.setHeader("Access-Control-Allow-Origin", "*");   res.setHeader("Access-Control-Allow-Headers", "X-Requested-With");  res.setHeader("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");  res.setHeader("X-Powered-By",' 3.2.1');  res.setHeader("Content-Type", "application/json");  var reqUrl = req.url  var mainPath = reqUrl.split('?')[0]  var reqData = reqUrl.split('?')[1].split('=')  if (mainPath == '/test') {    sqlFunc.LinkMysql('goods_info', reqData[0], JSON.stringify(decodeURIComponent(reqData[1]))).then(function(val) {      console.log('从数据库获取数据' + val)      sqlFunc.cutMysql();      res.writeHead(200, {'content-Type': 'text/plain; charset=utf-8'});      res.end(JSON.stringify(val));    })    // 不连接数据库操作    // res.writeHead(200, {'content-Type': 'text/plain; charset=utf-8'});    // res.end(JSON.stringify(tempJson));  } else {    res.writeHead(404, {'content-Type': 'text/plain; charset=utf-8'});  }  }).listen(3000);console.log('Server running at http://localhost:3000');

最后就是前端html页面了~test.html,用了原生写法,具体的就不讲了百度一大堆~

  
Document
数据请求

命令行输入

node server.js 启动服务 刷新test.html页面就能拿到数据了~

转载地址:http://tdblo.baihongyu.com/

你可能感兴趣的文章
JS对表格排序(支持对序号,数字,字母,日期)
查看>>
Vue2 第三天学习
查看>>
php 解析xml 的四种方法(转)
查看>>
qt 试用 (3)配置编译源代码及调试
查看>>
(转)用CSS3移除点击交互元素的高亮背景
查看>>
遍历json获得数据的几种方法
查看>>
php Collection类的设计
查看>>
c++中的计时器代码
查看>>
语义Web和本体开发相关技术
查看>>
Mysql集群读写分离(Amoeba)
查看>>
Quest for sane signals in Qt - step 1 (hand coding a Q_OBJECT)
查看>>
SpringBoot的注解:@SpringBootApplication注解 vs @EnableAutoConfiguration+@ComponentScan+@Configuration...
查看>>
MVVM模式之:ViewModel Factory与注入
查看>>
SQL Server性能调优之执行计划深度剖析 第一节 浅析SQL执行的过程
查看>>
Adhesive框架系列文章--报警服务模块使用和实现
查看>>
利用自定义IHttpModule来实现URL地址重写
查看>>
在网页上嵌入 PowerPoint 演示文稿
查看>>
javascript日期格式化函数,跟C#中的使用方法类似
查看>>
CURL基于cookie的自动登录脚本
查看>>
Android杂谈--Activity、Window、View的关系
查看>>