JavaScript – 情報局

XMLHttpでサーバと通信をする(JavaScript)

	function XMLHttp()
	{
		var	xhr	= new XMLHttpRequest();
		xhr.responseType	= "text";
//		xhr.open("POST","http://localhost/20180413更新/application.php");
		xhr.open("POST","/shi/application.php");
//		xhr.open("POST","http://localhost/shi/application.php");
		xhr.onreadystatechange = function()
		{
			switch ( xhr.readyState )
			{
				case 0:
					// 未初期化状態.
					console.log( 'uninitialized!' );
					break;
				case 1: // データ送信中.
					console.log( 'loading...' );
					break;
				case 2: // 応答待ち.
					console.log( 'loaded.' );
					break;
				case 3: // データ受信中.
					console.log( 'interactive... '+xhr.responseText.length+' bytes.' );
					break;
				case 4: // データ受信完了.
					if( xhr.status == 200 || xhr.status == 304 )
					{
						var data = xhr.responseText; // responseXML もあり
						console.log( 'COMPLETE! :'+data );
					}
					else
					{
						console.log( 'Failed. HttpStatus: '+xhr.statusText );
					}
			}
		}
		xhr.send("number=76554,userid=mizutani,passward=abcd");
	}

function XMLHttp()

{

var xhr = new XMLHttpRequest();

xhr.responseType = "text";

// xhr.open("POST","http://localhost/20180413更新/application.php");

xhr.open("POST","/shi/application.php");

// xhr.open("POST","http://localhost/shi/application.php");

xhr.onreadystatechange = function()

{

switch ( xhr.readyState )

{

case 0:

// 未初期化状態.

console.log( 'uninitialized!' );

break;

case 1: // データ送信中.

console.log( 'loading...' );

break;

case 2: // 応答待ち.

console.log( 'loaded.' );

break;

case 3: // データ受信中.

console.log( 'interactive... '+xhr.responseText.length+' bytes.' );

break;

case 4: // データ受信完了.

if( xhr.status == 200 || xhr.status == 304 )

{

var data = xhr.responseText; // responseXML もあり

console.log( 'COMPLETE! :'+data );

}

else

{

console.log( 'Failed. HttpStatus: '+xhr.statusText );

}

xhr.send("number=76554,userid=mizutani,passward=abcd");

}

<?php

mb_language("Ja") ;
mb_internal_encoding("UTF-8");
//nso-infom@v-aid.org
//$a	= mb_send_mail("ata78201@bcc.bai.ne.jp" ,  "水谷のテスト" , "水谷のテスト本文","from Mizutani");
$a	= mb_send_mail("cee7d7ca72y733j@softbank.ne.jp" ,  "水谷のテスト" , "水谷のテスト本文","from Mizutani");
$result="{\"result\":$a}";
header("Access-Control-Allow-Origin: *");
echo $result;
/*

    header('Content-type: text/plain; charset= UTF-8');
 header("Access-Control-Allow-Origin: *");
   if(isset($_POST['userid']) && isset($_POST['passward'])){
        $id = $_POST['userid'];
        $pas = $_POST['passward'];
 		$result="{\"id\":$id,\"pas\":$pas}";
 //       $result = nl2br($str);
        echo $result;
    }else{
        echo 'FAIL TO AJAX REQUEST';
    }
*/

?>

<?php

mb_language("Ja") ;

mb_internal_encoding("UTF-8");

//nso-infom@v-aid.org

//$a = mb_send_mail("ata78201@bcc.bai.ne.jp" , "水谷のテスト" , "水谷のテスト本文","from Mizutani");

$a = mb_send_mail("cee7d7ca72y733j@softbank.ne.jp" , "水谷のテスト" , "水谷のテスト本文","from Mizutani");

$result="{\"result\":$a}";

header("Access-Control-Allow-Origin: *");

echo $result;

header('Content-type: text/plain; charset= UTF-8');

header("Access-Control-Allow-Origin: *");

if(isset($_POST['userid']) && isset($_POST['passward'])){

$id = $_POST['userid'];

$pas = $_POST['passward'];

$result="{\"id\":$id,\"pas\":$pas}";

// $result = nl2br($str);

echo $result;

}else{

echo 'FAIL TO AJAX REQUEST';

}

XMLHttpでサーバと通信

カテゴリー: JavaScript

JavaScriptの型判定

Javascriptのクラス(classじゃないやつ)

XMLHttp

File API ※この記事は古いためか動作が確認できませんでした。

JavaScript チップス

JavaScript基礎　Nodeを扱う

ASCIIコードを文字に変換

querySelectorとquerySelectorAllの使い方