Forgot Password ??

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

	Registered : 109,038

HOME > PHP > PHP Forum > web Page ทำ lIstView ให้สามารถกดไปดูรายละเอียดได้หน้าอื่นได้ โดยรายละเอียดเป็นข้อมูลๆนั้น

web Page ทำ lIstView ให้สามารถกดไปดูรายละเอียดได้หน้าอื่นได้ โดยรายละเอียดเป็นข้อมูลๆนั้น

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

aummyasia

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

web Page ทำ lIstView ให้สามารถกดไปดูรายละเอียดได้หน้าอื่นได้ โดยรายละเอียดเป็นข้อมูลๆนั้น เราดึงมาได้เป็น Json แต่เราอยากให้เอาข้อมูลใน Json มาแสดงในหน้า page2.html

page1.html

<!DOCTYPE HTML>
<!--
	Intensify by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
	<head>
		<title>Salad Lovers</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />


</head>

<body>


<section>

<ul id="myUL" data-role="listview" data-inset="true">
</ul>

</section>
<script>

    $(function() {


   var people = [];
   var json = "your url";
   
	
   $.getJSON(json, function(json1) {
       $.each(json1, function(key, data) {
		  
		   
		  		   
   		  $('#myUL').append('<li>' + 
		  '<a href="#" onclick="show_detail('+ data.VendorCode +');return false" ><img src="http://saladlovers.net/mobile/Order%20Custumer/images/'+data.VendorCode+'.png"/><h3 style="color:#FFCC00">' + data.LocalDesc + '</h3><p style="color:#FF9">' + data.EngDesc + '</p></a></li>');
        });
		
		
        $('#myUL').listview('refresh');
		
   });
  

});

function show_detail(id) {
	
	
	window.location="http://localhost/menu.php?id= "+id+"";
	
	
	}
	

</script>


</body>
</html>

Tag : PHP, Ms SQL Server 2005, HTML/CSS, JavaScript, Ajax, jQuery

Date : 2016-12-20 16:35:54

By : aummyasia

View : 749

Reply : 2

No. 1

TC Admin

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

น่าจะต้องแบ่งเป็น 2 ส่วนนะครับ

- หน้า List รายการดึง JSON ออกมาเป็น Array เพื่อแสดงรายการ
- หน้า Detail ส่ง ID/Key ไปดึง JSON เฉพาะรายการนั้น ๆ มาแสดงครับ

Date : 2016-12-21 13:13:57

By : mr.win

No. 2

aummyasia

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2016-12-21 13:13:57

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

บอกวิธีส่ง ID/KEY ไปดึงJSONหน่อยคะ

Date : 2016-12-21 17:22:26

By : aummyasia

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : web Page ทำ lIstView ให้สามารถกดไปดูรายละเอียดได้หน้าอื่นได้ โดยรายละเอียดเป็นข้อมูลๆนั้น

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02