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,037

HOME > PHP > PHP Forum > ผมมีไฟล์ JSON อยากเอามาแสดงโดยใช้ jQuery ( .getJSON) ใครรู้ช่วยที



 

ผมมีไฟล์ JSON อยากเอามาแสดงโดยใช้ jQuery ( .getJSON) ใครรู้ช่วยที

 



Topic : 079713



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

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

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



ผมมีไฟล์ JSON อยากเอามาแสดงโดยใช้ jQuery ( .getJSON) ใครรู้ช่วยที

ไฟล์ JSON

Code
[ { "PROVINCE_ID" : "1", "PROVINCE_NAME" : "กรุงเทพมหานคร" }, { "PROVINCE_ID" : "2", "PROVINCE_NAME" : "สมุทรปราการ" }, { "PROVINCE_ID" : "3", "PROVINCE_NAME" : "นนทบุรี" }, { "PROVINCE_ID" : "4", "PROVINCE_NAME" : "ปทุมธานี" }, { "PROVINCE_ID" : "5", "PROVINCE_NAME" : "พระนครศรีอยุธยา" }, { "PROVINCE_ID" : "6", "PROVINCE_NAME" : "อ่างทอง" }, { "PROVINCE_ID" : "7", "PROVINCE_NAME" : "ลพบุรี" }, { "PROVINCE_ID" : "8", "PROVINCE_NAME" : "สิงห์บุรี" }, { "PROVINCE_ID" : "9", "PROVINCE_NAME" : "ชัยนาท" }, { "PROVINCE_ID" : "10", "PROVINCE_NAME" : "สระบุรี" }, { "PROVINCE_ID" : "11", "PROVINCE_NAME" : "ชลบุรี" }, { "PROVINCE_ID" : "12", "PROVINCE_NAME" : "ระยอง" }, { "PROVINCE_ID" : "13", "PROVINCE_NAME" : "จันทบุรี" }, { "PROVINCE_ID" : "14", "PROVINCE_NAME" : "ตราด" }, { "PROVINCE_ID" : "15", "PROVINCE_NAME" : "ฉะเชิงเทรา" }, { "PROVINCE_ID" : "16", "PROVINCE_NAME" : "ปราจีนบุรี" }, { "PROVINCE_ID" : "17", "PROVINCE_NAME" : "นครนายก" }, { "PROVINCE_ID" : "18", "PROVINCE_NAME" : "สระแก้ว" }, { "PROVINCE_ID" : "19", "PROVINCE_NAME" : "นครราชสีมา" }, { "PROVINCE_ID" : "20", "PROVINCE_NAME" : "บุรีรัมย์" }, { "PROVINCE_ID" : "21", "PROVINCE_NAME" : "สุรินทร์" }, { "PROVINCE_ID" : "22", "PROVINCE_NAME" : "ศรีสะเกษ" }, { "PROVINCE_ID" : "23", "PROVINCE_NAME" : "อุบลราชธานี" }, { "PROVINCE_ID" : "24", "PROVINCE_NAME" : "ยโสธร" }, { "PROVINCE_ID" : "25", "PROVINCE_NAME" : "ชัยภูมิ" }, { "PROVINCE_ID" : "26", "PROVINCE_NAME" : "อำนาจเจริญ" }, { "PROVINCE_ID" : "27", "PROVINCE_NAME" : "หนองบัวลำภู" }, { "PROVINCE_ID" : "28", "PROVINCE_NAME" : "ขอนแก่น" }, { "PROVINCE_ID" : "29", "PROVINCE_NAME" : "อุดรธานี" }, { "PROVINCE_ID" : "30", "PROVINCE_NAME" : "เลย" }, { "PROVINCE_ID" : "31", "PROVINCE_NAME" : "หนองคาย" }, { "PROVINCE_ID" : "32", "PROVINCE_NAME" : "มหาสารคาม" }, { "PROVINCE_ID" : "33", "PROVINCE_NAME" : "ร้อยเอ็ด" }, { "PROVINCE_ID" : "34", "PROVINCE_NAME" : "กาฬสินธุ์" }, { "PROVINCE_ID" : "35", "PROVINCE_NAME" : "สกลนคร" }, { "PROVINCE_ID" : "36", "PROVINCE_NAME" : "นครพนม" }, { "PROVINCE_ID" : "37", "PROVINCE_NAME" : "มุกดาหาร" }, { "PROVINCE_ID" : "38", "PROVINCE_NAME" : "เชียงใหม่" }, { "PROVINCE_ID" : "39", "PROVINCE_NAME" : "ลำพูน" }, { "PROVINCE_ID" : "40", "PROVINCE_NAME" : "ลำปาง" }, { "PROVINCE_ID" : "41", "PROVINCE_NAME" : "อุตรดิตถ์" }, { "PROVINCE_ID" : "42", "PROVINCE_NAME" : "แพร่" }, { "PROVINCE_ID" : "43", "PROVINCE_NAME" : "น่าน" }, { "PROVINCE_ID" : "44", "PROVINCE_NAME" : "พะเยา" }, { "PROVINCE_ID" : "45", "PROVINCE_NAME" : "เชียงราย" }, { "PROVINCE_ID" : "46", "PROVINCE_NAME" : "แม่ฮ่องสอน" }, { "PROVINCE_ID" : "47", "PROVINCE_NAME" : "นครสวรรค์" }, { "PROVINCE_ID" : "48", "PROVINCE_NAME" : "อุทัยธานี" }, { "PROVINCE_ID" : "49", "PROVINCE_NAME" : "กำแพงเพชร" }, { "PROVINCE_ID" : "50", "PROVINCE_NAME" : "ตาก" }, { "PROVINCE_ID" : "51", "PROVINCE_NAME" : "สุโขทัย" }, { "PROVINCE_ID" : "52", "PROVINCE_NAME" : "พิษณุโลก" }, { "PROVINCE_ID" : "53", "PROVINCE_NAME" : "พิจิตร" }, { "PROVINCE_ID" : "54", "PROVINCE_NAME" : "เพชรบูรณ์" }, { "PROVINCE_ID" : "55", "PROVINCE_NAME" : "ราชบุรี" }, { "PROVINCE_ID" : "56", "PROVINCE_NAME" : "กาญจนบุรี" }, { "PROVINCE_ID" : "57", "PROVINCE_NAME" : "สุพรรณบุรี" }, { "PROVINCE_ID" : "58", "PROVINCE_NAME" : "นครปฐม" }, { "PROVINCE_ID" : "59", "PROVINCE_NAME" : "สมุทรสาคร" }, { "PROVINCE_ID" : "60", "PROVINCE_NAME" : "สมุทรสงคราม" }, { "PROVINCE_ID" : "61", "PROVINCE_NAME" : "เพชรบุรี" }, { "PROVINCE_ID" : "62", "PROVINCE_NAME" : "ประจวบคีรีขันธ์" }, { "PROVINCE_ID" : "63", "PROVINCE_NAME" : "นครศรีธรรมราช" }, { "PROVINCE_ID" : "64", "PROVINCE_NAME" : "กระบี่" }, { "PROVINCE_ID" : "65", "PROVINCE_NAME" : "พังงา" }, { "PROVINCE_ID" : "66", "PROVINCE_NAME" : "ภูเก็ต" }, { "PROVINCE_ID" : "67", "PROVINCE_NAME" : "สุราษฎร์ธานี" }, { "PROVINCE_ID" : "68", "PROVINCE_NAME" : "ระนอง" }, { "PROVINCE_ID" : "69", "PROVINCE_NAME" : "ชุมพร" }, { "PROVINCE_ID" : "70", "PROVINCE_NAME" : "สงขลา" }, { "PROVINCE_ID" : "71", "PROVINCE_NAME" : "สตูล" }, { "PROVINCE_ID" : "72", "PROVINCE_NAME" : "ตรัง" }, { "PROVINCE_ID" : "73", "PROVINCE_NAME" : "พัทลุง" }, { "PROVINCE_ID" : "74", "PROVINCE_NAME" : "ปัตตานี" }, { "PROVINCE_ID" : "75", "PROVINCE_NAME" : "ยะลา" }, { "PROVINCE_ID" : "76", "PROVINCE_NAME" : "นราธิวาส" } ]


ตัวอย่างเช่น

รหัสจังหวัด : 1 จังหวัด : กรุงเทพมหานคร
รหัสจังหวัด : 2 จังหวัด : สมุทรปราการ
รหัสจังหวัด : 3 จังหวัด : นนทบุรี



Tag : PHP, MySQL, JavaScript, Ajax, jQuery









ประวัติการแก้ไข
2012-06-12 20:03:42
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-06-12 20:01:16 By : Krungsri View : 1345 Reply : 2
 

 

No. 1



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

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

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

ผมเขียนไว้ในนี้ครับ

jQuery
<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<script type="text/javascript">

	$(document).ready(function(){
		   $.getJSON('json.js',function(result){
			  $.each(result, function(key, val) {
				   $("#result").append( key + '=' + val + '<br />');
			  });
			});
	});
</script>

<body>
<span id="result"></span>
</body>
</html>


Go to : jQuery Ajax กับ JSON (Web Service) ทำความเข้าใจ การรับส่งข้อมูล JSON ผ่าน jQuery กับ Ajax






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-06-12 20:32:49 By : mr.win
 


 

No. 2

Guest


Code (JavaScript)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$.getJSON('getdata.json', function(data) {
		$.each(data, function(i, thai) {
			$('div').append('<p>รหัสจังหวัด : ' + thai.PROVINCE_ID + ' จังหวัด : ' + thai.PROVINCE_NAME + '</p>');
		});
	});
});
</script>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-06-12 23:43:44 By : Pine
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ผมมีไฟล์ JSON อยากเอามาแสดงโดยใช้ jQuery ( .getJSON) ใครรู้ช่วยที
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่