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

Registered : 108,641

HOME > PHP > PHP Forum > จากหัวข้อ การนำ jQuery มาทำ AutoFill ข้อมูล ผมสามารถเอาข้อมูลจาก web service มาใส่ textbox ได้ไหมครับ



 

จากหัวข้อ การนำ jQuery มาทำ AutoFill ข้อมูล ผมสามารถเอาข้อมูลจาก web service มาใส่ textbox ได้ไหมครับ

 



Topic : 134492



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



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




อยากสอบถามพี่ๆว่า ที่จากหัวข้อ การนำ jQuery มาทำ AutoFill ข้อมูลมาแสดง นี้ถ้าผมจะให้เป็น api ของ web service นี้ต้องแก้ตรงไหนหรอครับพี่ เพราะ web service ส่งส่งมาเป็น json ครับ พอผมดู error มันแจ้งว่า [object Object]
รูปแบบ json ที่ web service ส่งมาจะประมาณนี้ครับ
{"tProfile": [
{
"CODE": 3779",
"NAME_THA": "นางสาว",
"STUDENT_NAME_ENG": "MISS",
"MAJOR": "ธุรกิจระหว่างประเทศ"
}
]}
อันนี้ code ครับพี่
Code (PHP)
<?php
 header("Access-Control-Allow-Origin: *");
?>
<html>
<head>
<title>ThaiCreate.Com</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$("#txtCustomerID").change(function(){
			$.ajax({ 
				url: 'http://url/api/getstudentProfile?_Code= '+$("#txtCustomerID") ,
				type: "GET",
				data: '_Code=' +$("#txtCustomerID").val()
			})
			.success(function(result) { 

				var obj = jQuery.parseJSON(result);
				
					if(obj == '')
					{
						$('input[type=text]').val('');
					}
					else
					{
						  $.each(obj, function(key, inval) {

							   $("#txtCustomerID").val(inval["STUDENT_CODE"]);
							   $("#txtName").val(inval["STUDENT_NAME_THA"]);
							   $("#txtEmail").val(inval["EMAIL"]);
							   $("#txtMajor").val(inval["MAJOR_THA_NAME"]);

						  });
					}

			});

		});
	});
</script>
</head>
<body>
<h2>jQuery Auto fill</h2>
<table width="302" border="1">
  <tr>
    <td width="104">CustomerID</td>
    <td width="153"><input type="text" id="txtCustomerID" name="txtCustomerID" size="5"></td>
  </tr>
  <tr>
    <td>Name</td>
    <td><input type="text" id="txtName" name="txtName" size="20"></td>
  </tr>
  <tr>
    <td>Email</td>
    <td><input type="text" id="txtEmail" name="txtEmail" size="25"></td>
  </tr>
  <tr>
    <td>major</td>
    <td><input type="text" id="txtMajor" name="txtMajor" size="5"></td>
  </tr>
</table>

</body>
</html>




Tag : PHP, Ms SQL Server 2012









ประวัติการแก้ไข
2019-11-12 11:12:35
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2019-11-12 11:08:02 By : erlnw001 View : 184 Reply : 6
 

 

No. 1



โพสกระทู้ ( 4,087 )
บทความ ( 7 )

Hall of Fame 2012

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


อารมเดียวกัน กำหนด array มิติ เกินความจำเป็น
https://www.thaicreate.com/php/forum/134476.html#6






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-12 12:19:15 By : Genesis™
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : Genesis™ เมื่อวันที่ 2019-11-12 12:19:15
รายละเอียดของการตอบ ::
แล้วแบบนี้ในตรง JavaScript ผมต้องเพิ่ม $.each เข้าไปอีกใช่ไหมคัรบพี่

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-12 12:52:35 By : erlnw001
 

 

No. 3



โพสกระทู้ ( 4,087 )
บทความ ( 7 )

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 2 เขียนโดย : erlnw001 เมื่อวันที่ 2019-11-12 12:52:35
รายละเอียดของการตอบ ::
ใช่ครับ ลองดูก่อน หรือ ไปแก้ตัว file select จัดลำดับ array ใหม่ครับ มันจะได้ง่ายขึ้น ตัด tProfile ออกไป
ก่อนทำ $.each console.log(result); ออกมาเช็คก่อนครับ



ประวัติการแก้ไข
2019-11-12 13:04:17
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-12 13:01:45 By : Genesis™
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : Genesis™ เมื่อวันที่ 2019-11-12 13:01:45
รายละเอียดของการตอบ ::
อ๋อครับพี่ขอบคุณนะครับพี่

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-12 13:46:05 By : erlnw001
 


 

No. 5



โพสกระทู้ ( 4,087 )
บทความ ( 7 )

Hall of Fame 2012

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


ตอบความคิดเห็นที่ : 4 เขียนโดย : erlnw001 เมื่อวันที่ 2019-11-12 13:46:05
รายละเอียดของการตอบ ::


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-12 14:18:35 By : Genesis™
 


 

No. 6



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



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

ลองเปลี่ยนรูปแบบการเขียนให้มันเต็มรูปแบบครับ จะได้เห็นอะไรอีกเยอะแยะ
Code (JavaScript)
$.ajax({ 
	url: 'http://url/api/getstudentProfile?_Code= '+$("#txtCustomerID") ,
	type: "GET",
	datatype: "json",
	data: '_Code=' +$("#txtCustomerID").val(),
	success: obj=>{
		if(obj.return_type == 'Complete'){
			var result = obj.result;  // ตัวแปร return_type และ result เป็นตัวแปรสมมติ สร้างมาเพื่อไว้อ้างอิง
		}
	},
	error: (jqXHR, exception)=>{ // ตรวจสอบเออเร่อร์ จะทำให้เรารู้ว่าโปรแกรมเออเร่อร์อะไร จะได้แก้ได้ง่าย
		var msg = '';
		if (jqXHR.status === 0) { msg = 'Not connect.\n Verify Network.';
		} else if (jqXHR.status === 404) { msg = 'Requested page not found. [404]';
		} else if (jqXHR.status === 500) { msg = 'Internal Server Error [500].';
		} else if (exception === 'parsererror') { msg = 'Requested JSON parse failed.';
		} else if (exception === 'timeout') { msg = 'Time out error.';
		} else if (exception === 'abort') { msg = 'Ajax request aborted.';
		} else { msg = 'Uncaught Error.\n' + jqXHR.responseText; }
		alert(msg);
	}
});

credit ลุง chaidhanan
copy มาใช้นานแล้ว
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2019-11-12 14:57:05 By : NewbiePHP
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : จากหัวข้อ การนำ jQuery มาทำ AutoFill ข้อมูล ผมสามารถเอาข้อมูลจาก web service มาใส่ textbox ได้ไหมครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , pangpond.com , pangpond.co.th , สำนักงานบัญชี.com , รถมือสอง

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