HTMLからのPOSTメソッドについて

大至急お願いしたいです

https://qiita.com/itagakishintaro/items/a1519998a91061cbfb1e#mongodb%E6%93%8D%E4%BD%9C%E7%94%A8%E3%81%AEmongojs%E3%82%92%E8%BF%BD%E5%8A%A0
↑参考サイト

https://github.com/itagakishintaro/restapi
↑コード

ローカルに配置したこのapiに対して
POSTメソッドを投げたいと思います

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a href="#" id="post">post</a> <script src="//code.jquery.com/jquery-1.11.3.js"></script> <script> $(function(){ $('#post').on('click', function(){ var hoge = "this is text"; $.ajax({ url: 'http://192.168.1.29:3000/api/users', method: 'post', data: {name: "hoge"} }) }) }) </script> </body> </html>

app.jsと同じディレクトリに配置した上記のHTMLファイルから
POSTメソッドを行うことができませんでした
どうすればHTMLファイルからPOSTメソッドを投げることができるか
教えてください
お願いします

行動規範の内容に同意します

回答3件

ベストアンサー

https://github.com/itagakishintaro/restapi/blob/master/app.js#L30

で許可しているroutingが /api しかないので、 /api/users は叩けないと思います

参考サイトにされているqiitaの記事でも /api/users を叩いている痕跡はないのですが

多分今、参考サイトを元に写経していると思いますが、正しくコピーする事をオススメします
GitHub上のものを見てください、という場合はgit cloneして起動コマンド打ったら動かせるようにしておくべきです
そしてGitHubは最終手段みたいなもので、問題自体はもっとスモールケースをできるだけ作って持ってくると良いと思います(それこそここに書いてそれを貼り付けたら動かせるレベルで)

投稿2018/01/18 21:53

orange-lion

総合スコア426

orange-lion氏の言うとおり小さくしたほうがいいですよ。
サーバ側はこれくらいでいいです。

javascript
1//express
2var express = require('express');
3var app = express();
4//モジュール
5var fs = require('fs');
6var http = require('http');
7var bodyParser = require('body-parser');
8
9app.use(bodyParser.json());
10app.use(bodyParser.urlencoded({ extended: true }));
11
12//routeing
13var router = express.Router();
14
15//webサーバ作成
16var server = http.createServer(app);
17
18//ポート指定して起動、待ち受け
19var port = 3000;
20server.listen(port);
21//ルートフォルダ解放
22app.use(express.static('/'));
23
24// get
25router.get('/',function(req, res){
26  res.sendFile(__dirname + '/index.html');
27});
28
29// post
30router.post('/',function (req, res) {
31  console.log('post!');
32  // jsonここ
33  console.log(req.body);
34});
35
36app.use(router);

index.html

html
1<html lang="ja">
2    <head>
3    <meta charset="UTF-8">
4  <title></title>
5</head>
6<body>
7    <a href="#" id="post">post</a>
8    <script src="//code.jquery.com/jquery-1.11.3.js"></script>
9    <script>
10        $(function(){
11            $('#post').on('click', function(){
12                var hoge = "this is text";
13                $.ajax({
14                    url: 'http://localhost:3000/',
15                    method: 'post',
16                    data: {name: "hoge"}
17                })
18            })
19        })
20    </script>
21</body>
22</html>