Forgot Password ??

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

	Registered : 109,027

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

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

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

Benz

โพสกระทู้ ( 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

Date : 2019-11-12 11:08:02

By : erlnw001

View : 448

Reply : 6

No. 1

Genesis™

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

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

Date : 2019-11-12 12:19:15

By : Genesis™

No. 2

Benz

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : Genesis™ เมื่อวันที่ 2019-11-12 12:19:15

รายละเอียดของการตอบ ::

แล้วแบบนี้ในตรง JavaScript ผมต้องเพิ่ม $.each เข้าไปอีกใช่ไหมคัรบพี่

Date : 2019-11-12 12:52:35

By : erlnw001

No. 3

Genesis™

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

ตอบความคิดเห็นที่ : 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

Benz

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

ตอบความคิดเห็นที่ : 3 เขียนโดย : Genesis™ เมื่อวันที่ 2019-11-12 13:01:45

รายละเอียดของการตอบ ::

อ๋อครับพี่ขอบคุณนะครับพี่

Date : 2019-11-12 13:46:05

By : erlnw001

No. 5

Genesis™

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

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

รายละเอียดของการตอบ ::

Date : 2019-11-12 14:18:35

By : Genesis™

No. 6

NewbieXYZ

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

ลองเปลี่ยนรูปแบบการเขียนให้มันเต็มรูปแบบครับ จะได้เห็นอะไรอีกเยอะแยะ
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 ได้ไหมครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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