Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > ช่วยแนะนำด้วยครับการใช้งาน AJAX มือใหม่ยังงงอยู่ครับ



 

ช่วยแนะนำด้วยครับการใช้งาน AJAX มือใหม่ยังงงอยู่ครับ

 



Topic : 059648



โพสกระทู้ ( 33 )
บทความ ( 0 )



สถานะออฟไลน์




คือผมต้องการที่จะให้ค่าที่ AJAX สงกลับมาหน้าหลักโชว์ที่ text หรือถ้าต้องการใช้ตัวแปรรับค่าต่อต้องทำยังไงครับ
มือใหม่ยังงงอยู่ครับ รบกวนพี่ๆช่วยแนะนำด้วยครับ

Code (PHP)
<script>
function ajaxCall() {
	var data = getFormData("form1");
	var URL = "even.php";
	ajaxLoad("get", URL, data, "displayAJAX");
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  ใส่ตัวเลข: 
    <label>
  <input name="num" type="text" id="num" />
  </label>
  <label>
  <input type="button" value="ส่งข้อมูล" onclick="ajaxCall()" /><br>
  </label>
    <label>
  <input name="txtaj" type="text" id="txtaj" />
  </label>
</form>
<br />
<div id="displayAJAX"></div>
<br />
</body>
</html>





Tag : PHP, HTML/CSS, JavaScript, VBScript, Ajax, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-05-04 09:56:40 By : mos View : 1022 Reply : 9
 

 

No. 1



โพสกระทู้ ( 599 )
บทความ ( 0 )



สถานะออฟไลน์
Twitter Facebook

ใช้ javascript framework ตัวไหนเปล่าครับ

หรือไม่ได้ใช้แล้วคุณเขียนแค่นั้น ?

เพราะจริงๆแล้วการเขียน Ajax แบบลูกทุ่งมันยาวมากๆ และต้องทำความเข้าใจก่อน ไม่ใช่ว่าเรียกง่ายๆแล้วจบ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-04 10:10:35 By : oxygenyoyo
 


 

No. 2



โพสกระทู้ ( 33 )
บทความ ( 0 )



สถานะออฟไลน์


มีครับพี่มีใช้framework อยู่ครับ

Code (PHP)
function ajaxLoad(method, URL, data, displayId) {
	var AJAX = null;
	if(window.ActiveXObject) {		
		AJAX = new ActiveXObject("Microsoft.XMLHTTP");	
	}
	else if(window.XMLHttpRequest) {		
		AJAX = new XMLHttpRequest();	
	}
	else {
		alert("Your browser doesn't support AJAX");
		return;
	}

	method = method.toLowerCase();
	URL += "?dummy=" + (new Date()).getTime();
	if(method=="get") {
		URL += "&" + data;
		data = null;
	}

	AJAX.open(method, URL);

	if(method=="post") {
		AJAX.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	}
	
	AJAX.onreadystatechange = function() {
		if(AJAX.readyState==4 && AJAX.status==200) {
			var ctype = AJAX.getResponseHeader("Content-Type").toLowerCase();
			ajaxCallback(ctype, displayId, AJAX.responseText);

			delete AJAX;
			AJAX = null;
		}
	}

	AJAX.send(data);
}

function ajaxCallback(contentType, displayId, responseText) {
	if(contentType.match("text/javascript")) {
		eval(responseText);
	}
	else {
		if(displayId==null) {
			return;
		}
		var el = document.getElementById(displayId);
		el.innerHTML = responseText;
	}
}

function getFormData(form_name_or_id) {
	
	var frm = document.forms[form_name_or_id];
	if(frm==null) {
		alert("Form: '" + form_name_or_id + "' not found!");
		return;
	}

	var data = "";
	var num_el = frm.elements.length;
	for(i=0; i<num_el; i++) {
		var el = frm.elements[i];
		if(el.name=="" && el.id=="") {
			continue;
		}
		var param_name = "";
		if(el.name!="") {
			param_name = el.name;
		}
		else if(el.id!="") {
			param_name = el.id;
		}

		var t = frm.elements[i].type;
		var value = "";
		if(t=="text"||t=="password"||t=="hidden"||t=="textarea") {
			value = encodeURIComponent(el.value);
		}
		else if(t=="radio"||t=="checkbox") {
			if(el.checked) {
				value = encodeURIComponent(el.value);
			}
			else {
				continue;
			}
		}
		else if(t=="select-one") {
			value = encodeURIComponent(el.options[el.selectedIndex].value);
		}
		else if(t=="select-multiple") {
			for(j=0; j<el.length; j++) {
				if(el.options[j].selected) {
					if(data!="") {
						data += "&";
					}
					data += param_name + "=";
					data += encodeURIComponent(el.options[j].value);
				}
			}
			
			continue;
		}
		if(data!="") {
			data += "&";
		}
		data += param_name + "=" + value;
	}

	return data;
}


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-04 10:18:53 By : mos
 

 

No. 3



โพสกระทู้ ( 33 )
บทความ ( 0 )



สถานะออฟไลน์


มันมีทั้งหมด 3 ไฟล์ครับที่เกี่ยวข้องกัน

Code (PHP)
<?php
$num = $_GET['num'];

$result = "";
if(!is_numeric($num)) {
	$result = "ค่าที่ใส่ไม่ใช่ตัวเลข";
}
else if($num%2 == 0) {
	$result = "$num เป็นเลขคู่";
}
else {
	$result = "$num เป็นเลขคี่";
}

//เนื่องจากผลลัพธ์ที่จะส่งกลับมีอักขระภาษาไทยด้วย จึงต้องกำหนด charset เป็น tis-620
header("Content-Type:text/plain; charset=tis-620");
echo $result;
?>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-04 10:58:00 By : mos
 


 

No. 4



โพสกระทู้ ( 33 )
บทความ ( 0 )



สถานะออฟไลน์


กระทู้ผมเงียบเหงาจังครับขออัพทีนึง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-04 15:19:40 By : mos
 


 

No. 5



โพสกระทู้ ( 33 )
บทความ ( 0 )



สถานะออฟไลน์


ช่วยแนะนำด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-05 09:33:56 By : mos
 


 

No. 6



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

เผื่อช่วยได้ https://www.thaicreate.com/php/forum/030841.html
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-05 14:31:18 By : peterxp
 


 

No. 7



โพสกระทู้ ( 768 )
บทความ ( 0 )



สถานะออฟไลน์


ลองใช้ Ajax ด้วย Jquery หรือยังครับเขียนสั้นนิดเดียว
Ajax by Jquery
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-05 15:53:30 By : naskw
 


 

No. 8



โพสกระทู้ ( 33 )
บทความ ( 0 )



สถานะออฟไลน์


ขอบคุณพี่peterXPและพี่anu ที่ช่วยแนะนำให้แนวทาง ตอนนี้ผมมั่วๆจนได้แล้วละครับแก้โดยที่ผม ไปเพิ่มtext
ในไฟล์นี้แค่นี้มันก็โชว์text พร้อมค่าในหน้าที่ผมต้องการแล้วครับ มึนอยู่ตั้งหลายวันเขียนโปรแกรมมันสนุกอย่างนี้นี่เอง

Code (PHP)
<?php
$num = $_GET['num'];

$result = "";
if(!is_numeric($num)) {
	$result = "ค่าที่ใส่ไม่ใช่ตัวเลข";
}
else if($num%2 == 0) {
	$result = "$num เป็นเลขคู่";
}
else {
	$result = "$num เป็นเลขคี่";
}

//เนื่องจากผลลัพธ์ที่จะส่งกลับมีอักขระภาษาไทยด้วย จึงต้องกำหนด charset เป็น tis-620
header("Content-Type:text/plain; charset=tis-620");
echo $result;
<input type="text" name="txtnum" value="<? echo $num ?>">
?>


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-06 10:49:25 By : mos
 


 

No. 9



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

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ลองศึกษาพื้นฐาน Ajax ครับ Go to : Ajax Tutorial : สอน Ajax เขียน Ajax เรียน Ajax สุดยอดการใช้งาน Ajax อย่างง่าย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-05-06 17:31:38 By : webmaster
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ช่วยแนะนำด้วยครับการใช้งาน AJAX มือใหม่ยังงงอยู่ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







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

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่