借助node.js + mysql 學習基礎ajax~

biaoxiaoduan 發布于2019-08-23 12:22 / 2255人閱讀

很多小白不知道ajax怎么學，所以就弄了個node后臺模擬下基本的ajax請求。

環境要求是安裝node~

先上linkMysql.js

var mysql = require("mysql")
var connection = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "", //自己數據庫的密碼
  database: ""http://自己數據庫的名稱
})

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("------------------------------------------------------------

");  
      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://specialneedsforspecialkids.com/yun/98400.html

全棧開發自學路線

摘要：前言這里筑夢師是一名正在努力學習的開發工程師目前致力于全棧方向的學習希望可以和大家一起交流技術共同進步用簡書記錄下自己的學習歷程個人學習方法分享本文目錄更新說明目錄學習方法學習態度全棧開發學習路線很長知識拓展很長在這里收取很多人的建議以后決前言這里筑夢師,是一名正在努力學習的iOS開發工程師,目前致力于全棧方向的學習,希望可以和大家一起交流技術,共同進步,用簡書記錄下自己的學習歷程...

galaxy_robot 2019-06-28 18:47 評論0 收藏0
全棧開發自學路線

摘要：前言這里筑夢師是一名正在努力學習的開發工程師目前致力于全棧方向的學習希望可以和大家一起交流技術共同進步用簡書記錄下自己的學習歷程個人學習方法分享本文目錄更新說明目錄學習方法學習態度全棧開發學習路線很長知識拓展很長在這里收取很多人的建議以后決前言這里筑夢師,是一名正在努力學習的iOS開發工程師,目前致力于全棧方向的學習,希望可以和大家一起交流技術,共同進步,用簡書記錄下自己的學習歷程...

Scorpion 2019-08-22 16:34 評論0 收藏0
后端知識點總結——NODE.JS基礎

摘要：后端知識點總結基礎不是是一種軟件開發平臺，它的競爭對象歷史第一次有一種語言可以通吃前后端網站阿里云鏡像版本年初年中年底最新版本功能強大可靠，適合大型企業級項目簡單易用適合互聯網項目易用適合平臺性能好適合服務器端密集型項目不適合密集型項目密集后端知識點總結——NODE.JS基礎 1.Node.js Node.js不是JS,是一種軟件開發平臺，它的競爭對象JSP/PHP/ASP.NET...

Freeman 2019-08-22 16:13 評論0 收藏0