Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > ในการใช้ Ajax ส่งค่าไป2ตัว ในฟังก์ชั่นเดียวกัน ต้องเพิ่มตัวแปรอะไรบ้่าง(มือใหม่Ajax)

ในการใช้ Ajax ส่งค่าไป2ตัว ในฟังก์ชั่นเดียวกัน ต้องเพิ่มตัวแปรอะไรบ้่าง(มือใหม่Ajax)

เริ่มหัวข้อใหม่

Guest

อยากทราบว่า ในการใช้Ajax ส่งค่าไปเช็คอีกหน้าหนึ่งแล้วแสดงผล
จากโค้ดนี้ (โค้ดจากในเว็บนี้คะ)
ถ้าหากว่าเราต้องการ ส่งค่าไปเช็ค2ตัว ได้แค่ Username และ password
ต้องเพิ่มอะไรในโค้ดนี้ บ้างคะ
และใน Tag form ต้องเพิ่มOnChange="JavaScript:doCallAjax();อีกอันด้วยมั้ยคะ (อักษรแดง)
ปล. ใน function doCallAjax() เราลองเพิ่มตัวที่คิดว่าจะทำการส่งค่าไป
แต่ปรากฎว่ามันไม่ทำงาน - -"

Code

<script language="JavaScript">
	   var HttPRequest = false;

	   function doCallAjax() {
		  HttPRequest = false;
		  if (window.XMLHttpRequest) { // Mozilla, Safari,...
			 HttPRequest = new XMLHttpRequest();
			 if (HttPRequest.overrideMimeType) {
				HttPRequest.overrideMimeType('text/html');
			 }
		  } else if (window.ActiveXObject) { // IE
			 try {
				HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
			 } catch (e) {
				try {
				   HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
			 }
		  } 
		  
		  if (!HttPRequest) {
			 alert('Cannot create XMLHTTP instance');
			 return false;
		  }
	
		  var url = 'AjaxCheck.php';
		  var pmeters = "tUsername=" + encodeURI( document.getElementById("txtUsername").value);
 

			HttPRequest.open('POST',url,true);

			HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
			HttPRequest.setRequestHeader("Content-length", pmeters.length);
			
			HttPRequest.setRequestHeader("Connection", "close");
			HttPRequest.send(pmeters);
			
			
			
			HttPRequest.onreadystatechange = function()
			{

				if(HttPRequest.readyState == 3)  // Loading Request
				{
					document.getElementById("mySpan").innerHTML = "..";
					
				}

				if(HttPRequest.readyState == 4) // Return Request
				{
					if(HttPRequest.responseText == 'Y')
					{
						window.location = 'login.php';
					}
					else
					{
						document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
						
					}
				}
				
			}

	   }
	</script>


<body><form id="form1" name="form1" method="post" action="check_login">
<table width="400" border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td colspan="2" align="center" bgcolor="#666666">Login</td>
  </tr>
  <tr>
    <td width="100" align="right" bgcolor="#CCCCCC">Username :</td>
    <td width="300" bgcolor="#CCCCCC"><label for="textfield"></label>
    <input type="text" name="txtUsername" id="txtUsername" OnChange="JavaScript:doCallAjax();"> <span id="mySpan">   </td>
  </tr>
  <tr>
    <td align="right" bgcolor="#CCCCCC">Password : </td>
    <td bgcolor="#CCCCCC"><input type="password" name="txtPassword" id="txtPassword" /> <span id="mySpan2">   </td>
  </tr>
  <tr>
    <td colspan="2" align="center" bgcolor="#CCCCCC"> </td>
  </tr>
  <tr>
    <td colspan="2" align="center" bgcolor="#CCCCCC"><input type="reset" name="Reset" id="button" value="Clear" />&nbsp;
      <input type="submit" name="button2" id="button2" value="Login" />
    </td>
  </tr>
</table>
</body> </form>
</html>

Tag : PHP, Ajax

Date : 2014-01-18 23:30:59

By : บันนี่

View : 1540

Reply : 2

No. 1

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ใช้ jQuery กับ Ajax ดีกว่าครับ สะดวกมาก

Date : 2014-01-19 08:32:58

By : mr.win

No. 2

To Be Developer

โพสกระทู้ ( 1,994 )
บทความ ( 10 )

เพิ่มในส่วนของ
Code (JavaScript)


var pmeters = "tUsername=" + encodeURI( document.getElementById("txtUsername").value);

ให้เพิ่มค่าต่อไปอีกครับ เป็น

Code (JavaScript)

var pmeters = "tUsername=" + encodeURI( document.getElementById("txtUsername").value);
pmeters += "&tPassword=" + encodeURI( document.getElementById("txtPassword").value);

ปล. ใช้ ajax ของ jQuery ดีกว่าจริงๆนะครับ

ประวัติการแก้ไข
2014-01-19 09:38:21

Date : 2014-01-19 09:37:40

By : {Cyberman}

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ในการใช้ Ajax ส่งค่าไป2ตัว ในฟังก์ชั่นเดียวกัน ต้องเพิ่มตัวแปรอะไรบ้่าง(มือใหม่Ajax)

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04