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

HOME > Client Script Forum > รบกวนด้วยครับ เรื่องดึงข้อมูล jquery จาก database ครับ


[PHP] รบกวนด้วยครับ เรื่องดึงข้อมูล jquery จาก database ครับ

 
Topic : 091907



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



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



รบกวนสอบถามผู้รู้นิดนึงครับ

พอดีดึงข้อมูล จาก database แล้วแสดงแบบนี้ครับ

ไฟล์ที่แสดงจาก database ครับ

Code (PHP)ดึงข้อมูลจาก Database ครับ
01.<?php
02.header("Content-type:application/json; charset=UTF-8");       
03.header("Cache-Control: no-store, no-cache, must-revalidate");      
04.header("Cache-Control: post-check=0, pre-check=0", false); 
05.// ส่วนติดต่อกับฐานข้อมูล
06. 
07.$name = "physics";
08. 
09.mysql_connect("localhost","root","") or die("Cannot connect the Server");    
10.mysql_select_db("server_guru") or die("Cannot select database");    
11.mysql_query("set character set utf8");  
12.?>
13.<?php
14.$q="SELECT * FROM chat WHERE whochat ='$name' ORDER BY id";
15.$qr=mysql_query($q);
16.while($rs=mysql_fetch_array($qr)){
17.    $json_data[]=array(
18.        "province_id"=>$rs['whochat'],
19.        "province_name"=>$rs['withchat'],
20.    ); 
21.}
22.$json= json_encode($json_data);
23.echo $json;
24.?>



อยากเก็บข้อมูลจาก li แต่ล่ะ li แยกกันอะครับ เช่น click ที่ li แรกคือ CHONTHICHA.ANA ก็อยากเก็บข้อมูลนี้ไปใช้อะครับ
หรือคลิก li ที่สอง KAMONCHANOK.VAI ก็ให้เก็บข้อมูลของ KAMONCHANOK.VAI อะครับ
jquery จะพอได้มั้ยครับ

ไฟล์ html ครับ
01.<body>
02. 
03.<p id="showData">
04.    <ul>
05.     
06.    </ul>
07.</p>
08. 
09.<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
10.<script type="text/javascript">
11.$(function(){
12.    var showData = $('#showData ul');
13.     $.getJSON("http://idealphysics.com/test/ok/test1.php",function(data){
14.         console.log(data);
15.         
16.         $.each(data,function(i,k){
17.              
18.             $("#showData").append('<li class="namelist">'+data[i].province_name);
19.              
20.         });
21.     });
22.});
23. 
24. 
25.$('#showData ul li.namelist').ready(function() {
26. 
27.    alert($(this).html());
28. 
29.});
30. 
31.</script>
32.</body>


ขอบคุณล่วงหน้าครับ



Tag : JavaScript, Ajax, jQuery

Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2013-03-06 11:34:59 By : eak302 View : 1487 Reply : 1
 

 

No. 1



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

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

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

น่าจะใช้ Loop ซ้อน Loop หรือเปล่าครับ หรือ Query ข้อมูล 2 ครั้งครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-03-07 09:14:17 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนด้วยครับ เรื่องดึงข้อมูล jquery จาก database ครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่