การส่งค่า ระหว่าง Web Html กับ NodeJs ทั้ง 2 ทาง ทำได้ 2 วิธี คือ เป็น Web Post กับ Javascript
ใน ส่วนของ server จำเป็นต้อง Install Tool เพิ่ม 2 ตัว ได้แก่ express กับ body-parser
สร้าง folder เช่น nodeExpress
คำสั่ง
cd nodeExpress
npm install express
nom install body-parser
File server.js
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
// ให้ แยก body ทำ Urlencode
app.use(bodyParser.urlencoded({ extended: true }));
//ส่ง Index.html ให้แสดงเป็น Root
app.get('/', function(request, response){
response.sendFile(__dirname+'/index.html');
});
// สำหรับการ Form Post
app.post('/example', (req, res) => {
console.log(req.body.fname) // ระวังการใช้ Quote จะใช้ กับ Express ต้องเป็นแบบตย
res.send(`Full name is:${req.body.fname} ${req.body.lname}.`);
console.log(`${req.body.fname}`);
});
// สำหรับ javascript
app.post('/foo', foo);
function foo(req, res){
console.log(req.body); // ที่รับมา
res.send('hello world'); // ส่งกลับ
};
// port
const port = 8090;
app.listen(port, () => {
console.log(`Server running on port${port}`);
});
ไม่มีความคิดเห็น:
แสดงความคิดเห็น