js post 返回html代码,Node.js Express使用post方法接收客户端提交的post请求

该示例代码展示了如何使用Express框架监听并处理GET和POST请求。GET请求用于发送index.html页面,该页面包含两个输入字段用于用户输入。当用户提交POST请求时,数据通过querystring解析并插入到MySQL数据库的users表中。如果插入成功,服务器返回确认消息。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

示例代码中,使用应用程序实例对象的get方法监听客户端向服务器端index.html页面发出的GET请求,当接收到该请求时,将应用程序根目录下的index.html文件中的内容作为服务器端响应结果返回给客户端。该页面中显示两个文本框,供用户输入用户姓用户名。在该页面返回给客户端后,监听客户端向服务器端index.html页面发出的POST请求,在接收到客户端提交数据后,将客户端提交的用户姓与用户名保存在服务器端MySQL数据库中,在数据保存成功后,将“在服务器端MySQL数据库中插入数据成功。”字符串作为服务器端响应结果返回给客户端。

app.js 代码:

var express = require('express');

var fs = require('fs');

var querystring = require('querystring');

var app = express();

var mysql = require('mysql');

var pool = mysql.createPool({

host:'localhost',

port:3306,

database:'test',

user:'root',

password:'root',

});

app.get('/index.html',function(req,res){

res.sendfile(__dirname+'/index.html');

});

app.post('/index.html',function(req,res){

req.on('data',function(data){

var obj = querystring.parse(data.toString());

pool.getConnection(function(err,connection){

if(err) res.send('与mysql数据库建议链接失败。');

else{

var str;

connection.query('INSERT INTO users SET?',{username:obj.username,firstname:obj.firstname},function(err,rresult){

if(err) str='在服务器端mysql数据中插入数据失败。';

else str='在服务器端mysql数据库中插入数据 成功';

connection.release();

res.send(str);

})

}

})

})

})

app.listen(1337,'localhost');

index.html代码:

使用POST方法向服务器端提交数据

姓:

名:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值