<form name    = "test1"
      action  = "http://jsgt.org/ajax/ref/test/enctype/header.php"
      method  = "post">
  <input type  = "text" 
         name  = "test"
         value = "------テスト------">
  <input type  = "submit"
         value = "送信">
</form>

<form enctype = "application/x-www-form-urlencoded"
      name    = "test2"
      action  = "http://jsgt.org/ajax/ref/test/enctype/header.php"
      method  = "post">
  <input type  = "text" 
         name  = "test"
         value = "------テスト------">
  <input type  = "submit"
         value = "送信">
</form>

<form name    = "test3"
      action  = "http://jsgt.org/ajax/ref/test/enctype/header.php"
      method  = "get">
  <input type  = "text" 
         name  = "test"
         value = "------テスト------">
  <input type  = "submit"
         value = "送信">
</form>

<script>

//暫定版Ajax用ライブラリのミニ版
//http://jsgt.org/mt/archives/01/000409.html

	////
	// XMLHttpRequestオブジェクト生成
	//
	// @sample           oj = createHttpRequest()
	// @return           XMLHttpRequestオブジェクト
	//
	function createHttpRequest()
	{
		if(window.ActiveXObject){
			 //Win e4,e5,e6用
			try {
				return new ActiveXObject("Msxml2.XMLHTTP") ;
			} catch (e) {
				try {
					return new ActiveXObject("Microsoft.XMLHTTP") ;
				} catch (e2) {
					return null ;
	 			}
	 		}
		} else if(window.XMLHttpRequest){
			 //Win Mac Linux m1,f1,o8 Mac s1 Linux k3用
			return new XMLHttpRequest() ;
		} else {
			return null ;
		}
	}

	function sendRequest(data,method,url , encSwt)
	{
		//XMLHttpRequestオブジェクト生成
		var oj = createHttpRequest();
		
		oj.onreadystatechange =function () 
		{
			if ( oj.readyState == 4 ){
				alert(oj.responseText);
			}
		}

		//URI
		if(method.toUpperCase() == 'GET') {
			url += "?"+data
		}
		
		//open メソッド
		oj.open(method,url);

		//ヘッダapplication/x-www-form-urlencodedセット
		if(encSwt == 1)setEnc(oj)

		//send メソッド
		oj.send(data);
	}


	function setEnc(oj){
	
		//ヘッダapplication/x-www-form-urlencodedセット
		// @see  http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/interact/forms.html#h-17.13.3
		// @see  #h-17.3
		//   ( enctype のデフォルト値は "application/x-www-form-urlencoded")
		//   h-17.3により、POST/GET問わず設定
		//   POSTで"multipart/form-data"を指定する必要がある場合はカスタマイズしてください。
		//
		//  このメソッドがWin Opera8.0でエラーになったので分岐(8.01はOK)
		var contentTypeUrlenc = 'application/x-www-form-urlencoded; charset=UTF-8';
		if(!window.opera){
			oj.setRequestHeader('Content-Type',contentTypeUrlenc);
		} else {
			if((typeof oj.setRequestHeader) == 'function')
				oj.setRequestHeader('Content-Type',contentTypeUrlenc);
		}	
		return oj
	}

</script>

<form name    = "test4">
  <input type  = "text" 
         name  = "test"
         value = "------テスト------">
  <input type  = "button"
         onclick ="
           sendRequest("&test="+this.form.test.value,
                       'get',
                       'http://jsgt.org/ajax/ref/test/enctype/header.php')"
         value = "送信">
</form>

<form name    = "test5">
  <input type  = "text" 
         name  = "test"
         value = "------テスト------">
  <input type  = "button"
         onclick ="
           sendRequest('&test='+this.form.test.value,
                       'post',
                       'http://jsgt.org/ajax/ref/test/enctype/header.php')"
         value = "送信">
</form>

<formform  enctype = "application/x-www-form-urlencoded"
       name    = "test6">
  <input type  = "text" 
         name  = "test"
         value = "------テスト------">
  <input type  = "button"
         onclick ="
           sendRequest('&test='+this.form.test.value,
                       'post',
                       'http://jsgt.org/ajax/ref/test/enctype/header.php')"
         value = "送信">
</form>

<form name    = "test7">
  <input type  = "text" 
         name  = "test"
         value = "------テスト------">
  <input type  = "button"
         onclick ="
           sendRequest('&test='+this.form.test.value,
                       'post',
                       'http://jsgt.org/ajax/ref/test/enctype/header.php',1)"
         value = "送信">
</form>