フロントでnodeサーバにデータをコミット(post方式)

post方式には、フォームコミットとajaxコミットの2つの方法があります.
その前にミドルウェア:body-parserをインストールし、インストール後app.jsヘッダ導入:

1 bodyParser = require('body-parser');

構成コードを追加します.

1 //  json  
2 app.use(bodyParser.json());
3 //extended:true               
4 app.use(bodyParser.urlencoded( { extended : true } ));

1、form提出:
フロントテンプレートファイルpost.ejsには次のコードが書かれています.

1 <form action="/reg" method="post">
2         <input type="text" name="name" />
3         <input type="password" name="password" />
4         <input type="submit"  />
5 form>

　　index.jsはルーティングルールを追加します.

 1 //    ，       post.ejs  
 2 router.get('/post',(req,res) => {
 3     res.render('post.ejs');
 4 });
 5 router.post('/reg',(req,res) => {
 6     //req.body     post       
 7     sql('insert into `user` (`id`,`username`,`password`) values (0,?,?)',[req.body.name,req.body.password],(err,result) => {
 8         if (err){
 9             console.log('[INSERT ERROR] - ',err.message);
10             return;
11         }
12         res.json({
13             success : '[INSERT SUCCESS] - '
14         });
15     });
16 });

 
2、ajax提出:
フロントテンプレートファイルpost.ejsは次のコードを書きます.

 1     <input type="text" name="name" class="name" />
 2     <input type="password" name="password" class="psw" />
 3     <input type="submit" class="submit" />
 4     <script src="/jquery.js">script>
 5     <script>
 6         $('.submit').click(function () {
 7             $.ajax({
 8                 url : '/reg',
 9                 type : 'post',
10                 data : {
11                     name : $('.name').val(),
12                     password : $('.psw').val()
13                 },
14                 success : function (data) {
15 
16                 }
17             });
18         });
19     script>

 
　　index.jsはルーティングルールを追加します.
(コード同上)
 
 
 
 
　  
転載先:https://www.cnblogs.com/licurry/p/6736371.html