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