|
|
|
ผมมีไฟล์ JSON อยากเอามาแสดงโดยใช้ jQuery ( .getJSON) ใครรู้ช่วยที |
|
|
|
|
|
|
|
ผมมีไฟล์ 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
|
|
|
|
|
Date :
2012-06-12 20:01:16 |
By :
Krungsri |
View :
1345 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมเขียนไว้ในนี้ครับ
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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 02
|