JavaScriptを使ってPOST要求をする方法について教えてください

Question

JavaScriptを使って、外部URLにPOST要求をしたいです。

今は、PHPのcURLを使ってリクエストを送っています。

下記コードはJavaScriptで試したものです。

`
var url = "https://www.hogehoge.com/index.php";

var params = "foo";
http.open("POST", url, true);

http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.setRequestHeader("Content-length", params.length);
http.setRequestHeader("Connection", "close");

http.onreadystatechange = function() {

if(http.readyState == 4 && http.status == 200) {
    alert(http.responseText);
}

}
http.send(params);
`

上記のようなJavaScriptのサンプルコードがあるのですが、
このサンプルコードをどのように使ったらいいのかわかりません。

JavaScriptは初心者なので、どなたか助けていただけないでしょうか？

Answer 1

JavaScriptを始めたばかりでしたら、jQueryをおすすめします。
作業が大分楽になりますよ！

jQueryをページにどう加えるかはオンラインで検索してみてください。

それから、以下のコードを使ってみてください。

`
var data = {
val1: "foo",
val2: "bar"
// 他の演算子も加えましょう。
};

$.ajax({
type: "POST",
url: 'http://www.hogehoge.com/index.php',
data: data,
success: success
});

function success(result) {
// 呼び出しが成功したらここで何かしましょう。
alert(result);
}
`

参考URLは下記になります。
http://semooh.jp/jquery/api/ajax/jQuery.ajax/options/