使用put方法接收客戶端提交的put請求
阿新 • • 發佈:2019-02-01
/**
* Created by os on 17-6-18.
*/
var express = require('express')
var fs = require('fs')
var app = express()
var mysql = require('mysql')
var pool = mysql.createPool({
host :'localhost',
port : 3306,
database : 'test',
user : 'root',
password: 'root'
})
app.get('/index1.html',function (req,res){
res.sendfile(__dirname+'/index1.html')
})
app.put('/index1.html',function(req,res){
req.on('data',function(data){
var obj = JSON.parse(data.toString())
console.log(obj)
pool.getConnection(function(err,conneciton)
{
if(err)
{
res.send('與MySQL建立連線失敗' )
}
else
{
var str
conneciton.query('insert into node set ?',{username:obj.username,age:obj.age},
function(err,result){
if(err){
str = 'MySQL資料庫插入資料失敗'
}else {
str = 'MySQL資料庫插入資料成功'
}
connection.release()
res.send(str)
})
}
})
})
})
app.listen(8889,'127.0.0.1')
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用PUT方法提交資料</title>
</head>
<body>
山丘
<form action="index1.html" >
<input id="username" type="text" name="username" placeholder="請輸入姓名"><br>
<input id="age" type="text" name="age" placeholder="請輸入年齡"><br>
<input type="submit" value="提交" onclick="submitData();">
</form>
<div id='result'></div>
</body>
</html>
<script>
function submitData(){
var obj = {
username :document.getElementById('username').value,
age : document.getElementById('age').value
}
var xhr = new XMLHttpRequest()
xhr.open('put','index1.html',true)
xhr.onload = function(e){
if(this.status == 200){
document.getElementBiId('result').innerHTML = this.response
}
alert('檀木')
}
xhr.send(JSON.stringify(obj))
}
</script>