【nodejs】使用put方式向后端提交数据

页面代码：

<!DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><head><title>Put data to db</title></head><body><form id="form1">用户名：<input type="text" id="username" name="name" value=""><br/>密码  ：<input type="password" id="userpswd" name="pswd" value=""><br/><input type="button" value="提交" onclick="submitData();"/></form></body>
</html>
<script type="text/javascript">
<!--
function submitData(){var obj={name:document.getElementById("username").value,password:document.getElementById("userpswd").value};var xhr=new XMLHttpRequest();xhr.open('put','index.html',true);xhr.onload=function(e){if(this.status==200){alert(this.response);}};xhr.send(JSON.stringify(obj));
}//-->
</script>

后台代码：

'use strict';var express=require('express');
var http=require('http');
var fs=require('fs');
var querystring=require('querystring');var app=express();var mysql=require('mysql');
var pool=mysql.createPool({host:'127.0.0.1',port:'3306',database:'test',user:'root',password:'12345678',
});app.get('/index.html',function(req,rsp){//rsp.writeHead(200,{'Content-Type':'text/html'});    //fs.createReadStream('index.html').pipe(rsp);rsp.sendFile(__dirname+'/index.html');// 与上两句意义相同
});app.put('/index.html',function(req,res){req.on('data',function(data){var obj=JSON.parse(data.toString());// 取得Ajax提交的参数
        console.log(obj);pool.getConnection(function(err,connection){if(err){res.send('Can not connect to MySql DB');console.log(err);}else{var str;connection.query('insert into emp set ?',{name:obj.name,password:obj.password},function(err,result){if(err){str='Insert failed';}else{str="Insert succeed";}connection.release();res.send(str);})}});});
});app.listen(8080,"127.0.0.1");

转载于:https://www.cnblogs.com/xiandedanteng/p/8776266.html

【nodejs】使用put方式向后端提交数据相关推荐

安卓下使用GET方式向服务器端提交数据
从客户端提交数据给服务器端: 使用get方式向服务器端提交数据,把参数组拼到了url地址的后面: http://192.168.0.10:8080/web/servlet/LoginServlet ? ...
php gprs发送指令,GPRS DTU模块GM3系列使用HTTP GET方式向网页服务器提交数据
GM3系列使用HTTP GET方式向网页服务器提交数据 1.HTTPD_Client主要应用于网页服务器,GPRS模块发送的数据,可以透传到网页服务器接收.网页服务器返回数据给GPRS模块的串口.用于 ...
Android之使用HTTP协议的Get/Post方式向服务器提交数据
1.Get方式方法:通过拼接url在url后添加相应的数据,如:http://172.22.35.112:8080/videonews/GetInfoServlet?title=霍比特人&t ...
java post 提交数据_使用Post方式提交数据到Tomcat服务器的方法
我在上一篇文章中介绍了使用Get方式提交数据到Tomcat服务器,这篇将介绍使用Post方式提交数据到服务器,由于Post的方式和Get方式创建Web工程是一模一样的,只用几个地方的代码不同所以,我 ...
android提交服务器,Android向WEB服务器提交数据
说明: 1.本系列博文是博主在学习传智播客Android培训视频的学习笔记 2.当然博文不只是罗列视频上讲的知识点,通过查阅资料对一些知识点进行了详细的讲解 3.由于是初学,难免有疏漏之处,还请不吝赐 ...
ajax提交到mysql_利用ajax的方式来提交数据到后台数据库及交互功能
怎么样用ajax来提交数据到后台数据库,并完成交互呢????? 一.当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置: $(function(){ var isusername ...
四种常见的 POST 提交数据方式对应的content-type取值
做前后端分离一般都有第3中 , 第一种基本上jquery那年代用的了第2种在需要传文件时用的 https://www.cnblogs.com/wushifeng/p/6707248.html 四种 ...
ajax提交数据给谁,jquery ajax提交数据给后端
大家好,今天铁柱兄给大家带一段jquery ajax提交数据给后端的教学. 初学javaweb的同学前端提交数据基本上都是用form表单提交,这玩意儿反正我是觉得不太好玩.而JavaScript aj ...
ajax mysql登录我注册_ajax方式实现注册功能(提交数据到后台数据库完成交互)
一.当我们在验证表单的时候,为了阻止把错误的也发送到服务器,我们通常这样设置: $(function(){ var isusername;(定一个变量) var ispwd; $('form').su ...
php后端接收数据,后端如何接收fetch方式发送的数据？
fetch方法借助FormData对象模拟表单的请求这样能够实现完整的HTTP请求,而后端也能够像表单样接收数据 //前端 var formdata = new FormData(); formda ...

【nodejs】使用put方式向后端提交数据

【nodejs】使用put方式向后端提交数据相关推荐

最新文章

热门文章