で実行されているノード（エクスプレス）サーバーがありますlocalhost:3000。一方、client.htmlルート上にサーバー自体によって提供されるHTML（）ファイルがあります（/clientファイルは応答として送信されます）。
ここでの私の目標は、別のルートにアクセスすることです。つまり/test、client.htmlページでAJAX呼び出しを使用します（同じサーバーによって提供されます）。ただし、投稿から明らかなように、機能していません。
重複ではありません：これまでのところ、次のSO投稿に記載されている解決策を試しましたが、成功しませんでした。
•ローカルファイルシステムからのjQueryAjaxリクエスト（Windows file：///）-ただし
•ローカルホストからlocalhost：8000にデータを送信しようとするとajax呼び出しが機能しない
• OPTIONSルートにCORSヘッダーを追加しないと、ブラウザーが自分のAPI？
これが私のソースコードです。
server.js
const express = require("express")
const bodyParser = require("body-parser")
var app = express()
app.use(bodyParser.urlencoded({extended:false}));
app.use(bodyParser.json())
...
app.get('/', (req, res)=>{
res.setHeader('Access-Control-Allow-Origin', '*')
res.send('This server does not support GET requests.')
})
app.post('/test', (req, res)=>{
res.setHeader('Access-Control-Allow-Origin', '*')
res.send("response from /test")
})
var port = 3000
var server = app.listen(port)
client.html
<html>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script>
function init(){
$.ajax({
url: 'http://127.0.0.1:3000/test',
method: 'POST',
contentType: 'application/x-www-form-urlencoded'
}).done((data)=>{
alert(data);
});
}
</script>
<body onload="javascript:init()">
</body>
</html>
とリクエストの両方を送信しようGETとしましたPOSTが、いずれも機能しませんでした。
私は以前にこれを行ったことがありますが、nodejs。ライブラリを使用してPythonスクリプトからリクエストを送信するrequestsと、レスポンスが受信されるため、サーバーは正常に動作しているようです。
FYI、私はWindows上です。
どこで、および/または何が問題ですか？
私はあなたのクライアントコードで試しました（不足しているjqueryインポートを追加した後）次はうまくいくようです（私はexpressを使用していません）：
const server = http.createServer(function (req, res) {
console.log("logging stuff")
res.setHeader('Access-Control-Allow-Origin', '*')
res.write('This server does not support GET requests.')
res.end();
});
ターミナルでcurlを実行して、実際に返されるヘッダーを確認することをお勧めします- curl -I localhost:3000。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加