資訊專欄INFORMATION COLUMN
很多小白不知道ajax怎么學(xué)，所以就弄了個node后臺模擬下基本的ajax請求。
環(huán)境要求是安裝node~
先上linkMysql.js
var mysql = require("mysql")
var connection = mysql.createConnection({
host: "localhost",
user: "root",
password: "", //自己數(shù)據(jù)庫的密碼
database: ""http://自己數(shù)據(jù)庫的名稱
})
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");
// 不連接數(shù)據(jù)庫操作
// 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("從數(shù)據(jù)庫獲取數(shù)據(jù)" + val)
sqlFunc.cutMysql();
res.writeHead(200, {"content-Type": "text/plain; charset=utf-8"});
res.end(JSON.stringify(val));
})
// 不連接數(shù)據(jù)庫操作
// 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 數(shù)據(jù)請求
命令行輸入
node server.js 啟動服務(wù) 刷新test.html頁面就能拿到數(shù)據(jù)了~
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/98400.html
摘要：前言這里筑夢師是一名正在努力學(xué)習(xí)的開發(fā)工程師目前致力于全棧方向的學(xué)習(xí)希望可以和大家一起交流技術(shù)共同進步用簡書記錄下自己的學(xué)習(xí)歷程個人學(xué)習(xí)方法分享本文目錄更新說明目錄學(xué)習(xí)方法學(xué)習(xí)態(tài)度全棧開發(fā)學(xué)習(xí)路線很長知識拓展很長在這里收取很多人的建議以后決 前言 這里筑夢師,是一名正在努力學(xué)習(xí)的iOS開發(fā)工程師,目前致力于全棧方向的學(xué)習(xí),希望可以和大家一起交流技術(shù),共同進步,用簡書記錄下自己的學(xué)習(xí)歷程...
摘要：前言這里筑夢師是一名正在努力學(xué)習(xí)的開發(fā)工程師目前致力于全棧方向的學(xué)習(xí)希望可以和大家一起交流技術(shù)共同進步用簡書記錄下自己的學(xué)習(xí)歷程個人學(xué)習(xí)方法分享本文目錄更新說明目錄學(xué)習(xí)方法學(xué)習(xí)態(tài)度全棧開發(fā)學(xué)習(xí)路線很長知識拓展很長在這里收取很多人的建議以后決 前言 這里筑夢師,是一名正在努力學(xué)習(xí)的iOS開發(fā)工程師,目前致力于全棧方向的學(xué)習(xí),希望可以和大家一起交流技術(shù),共同進步,用簡書記錄下自己的學(xué)習(xí)歷程...
摘要：后端知識點總結(jié)基礎(chǔ)不是是一種軟件開發(fā)平臺，它的競爭對象歷史第一次有一種語言可以通吃前后端網(wǎng)站阿里云鏡像版本年初年中年底最新版本功能強大可靠，適合大型企業(yè)級項目簡單易用適合互聯(lián)網(wǎng)項目易用適合平臺性能好適合服務(wù)器端密集型項目不適合密集型項目密集 后端知識點總結(jié)——NODE.JS基礎(chǔ) 1.Node.js Node.js不是JS,是一種軟件開發(fā)平臺，它的競爭對象JSP/PHP/ASP.NET...
閱讀 3571·2021-11-18 10:02
閱讀 1668·2021-10-12 10:12
閱讀 3076·2021-10-09 09:53
閱讀 5154·2021-09-09 09:34
閱讀 1033·2021-09-06 15:02
閱讀 2839·2021-08-05 10:02
閱讀 3250·2019-08-30 15:44
閱讀 3179·2019-08-28 18:04
