<!DOCTYPE html><html lang="th"><head>
<title>นำข้อมูลจาก data.go.th มาวางในเว็บเพจ และใช้ javascript</title>
<meta charset="utf-8" /></head><body>
<div id="explain" style="width:728px;margin-right:auto;margin-left:auto;display:table;">
ตัวอย่าง โค้ดสำหรับอ่านชุดข้อมูล ที่แหล่งข้อมูลต้นทาง เปิดให้ดาวน์โหลดแฟ้มแบบ .csv
ในกรณีนี้ต้องการคัดลอกข้อมูลไปวางในตัวแปร แล้วอ่านด้วย javascript นำไปแสดงบนเว็บเพจ
ที่พร้อมประมวลผลบน browser เป็น ข้อมูลทรัพยากร : สมาคมด้านการท่องเที่ยวของจังหวัด - ลำปาง
จากศูนย์กลางข้อมูลเปิดภาครัฐ โดยดาวน์โหลดข้อมูลจากเครื่องบริการของรัฐ
ไปวางในโค้ดที่เขียนด้วยภาษาจาวาสคริปต์ และภาษาเอชทีเอ็มแอล ที่ประมวลผลฝั่ง client แบบ off-line ได้
ข้อมูลถูกจัดรูปแบบในแบบ csv แล้วนำไปวางลงบนตัวแปร แล้วใช้จาวาสคริปต์ ควบคุมการประมวลผล
ภายหลังจากการ split แยกแต่ละ field และ record แล้ว ได้วนลูปด้วย for
แล้วใช้คำสั่ง document.write แสดงข้อมูลแบบอาร์เรย์ลงตารางแบบเอชทีเอ็มแอล
</div>
<table style="width:728px;margin-right:auto;margin-left:auto;border:1px solid black;">
<tr><td>ลำดับ</td><td>ชื่อสมาคม/ชมรม</td><td>ชื่อนายก/ประธาน</td><td>เบอร์โทร</td></tr>
<script>
var csv_data ='\
1,ประธานสภาอุตสาหกรรมท่องเที่ยวจังหวัดลำปาง,นางวลีย์รัตน์ วิภาศรีนิมิต ไลนส์,094-94xxx42,\
2,นายกสมาคมท่องเที่ยวนครลำปาง,นายประยูร แก้วเดียว (รักษาการ) นางสาวพิมพา ดวงประภา,082-39xxx49,\
3,นายกสมาคมสหพันธ์ท่องเที่ยวภาคเหนือจังหวัดลำปาง,นายจักรวาล แก้วนิล,081-28xxx98,\
4,นายกสมาคมผู้ประกอบการนำเที่ยวและรถเช่านครลำปาง,นายทวี สมยอด,085-70xxx75,\
5,นายกสมาคมธุรกิจท่องเที่ยวเมืองเขลางค์นคร,นางวลีรัตน์ ว. ไลนส์,094-94xxx42,\
6,นายกสมาคมการท่องเที่ยวโดยชุมชนจังหวัดลำปาง,นางพิศอำไพ สมความคิด,089-70xxx88,\
7,นายกสมาคมรถม้าจังหวัดลำปาง,นายอัครรินทร์ พิชญกุล,081-88xxx47,\
8,นายกสมาคมคนเลี้ยงม้าจังหวัดลำปาง,นายบุญสาย สุรินทร์,093-27xxx04,\
9,ประธานชมรมร้านอาหารร้านค้าและแผงลอยจังหวัดลำปาง,นายสุวิทย์ อาภากาศ,099-89xxx64,\
10,ผู้อำนวยการท่องเที่ยวแห่งประเทศไทย สำนักงานลำปาง,นางสาวยุรีพรรณ แสนใจยา,085-12xxx08,\
11,ประธานวิสาหกิจชุมชนเรือ-แพเขื่อนกิ่วลม,นางอัมพร ฤทธิ์ดีเป็งโต,081-95xxx15,\
12,นายกสมาคมส่งเสริมการท่องเที่ยวนครลำปาง,นายธนชัย พงษ์โสภาวิจิตร,080-84xxx72,\
';
var array_data = csv_data.split(",");
var seq = 1; var fld;
for(rows=1;rows<=12;rows++){
fld = rows * 4;
document.write('<tr><td>'+ (seq++) + '</td><td>' + array_data[fld - 3] + '</td>\
<td>' + array_data[fld - 2] + '</td><td>' + array_data[fld - 1] + '</td></tr>');
}
</script>
</table>
<div style="margin-left:auto;margin-right:auto;display:table;"><a href="index.php" title="back">back</a></div>
</body></html>
