POSTでリクエストを送信してテキストを受信する

サーバ上の sample01.cgi の結果を表示します。

JavaScriptのソースコード

function send_post() {
  var url = "sample01.cgi";
  var request = createXMLHttpRequest();
  request.open("POST", url, true);
  request.onreadystatechange = function() {
    if (request.readyState == 4 && request.status == 200) {
      //受信完了時の処理
      var result = document.getElementById("result_post");
      var text = document.createTextNode(decodeURI(request.responseText));
      result.appendChild(text);
    }
  }
  request.send("");
}

sample01.cgiのソースコード

#!/usr/bin/perl

use strict;

my $data = "\xEF\xBB\xBF"; #UTF-8のBOM
$data .= "%E3%83%AA%E3%82%AF%E3%82%A8%E3%82%B9%E3%83%88%E3%82%92%E9%80%81%E4%BF%A1%E3%81%97%E3%81%A6%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%92%E5%8F%97%E4%BF%A1%E3%81%99%E3%82%8B%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB";
my $len = length($data);

print "Content-Type: text/plain; charset=utf-8\n";
print "Content-Length: $len\n\n";
print $data;

読み込んだテキストは↓に表示します。

このページは、「POSTメソッドでリクエストを送信してテキストを受信する」のサンプルプログラムです。