สอบถามการดึงข้อมูลใน database โดยใช้ ajax

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการดึงข้อมูลใน database โดยใช้ ajax

สอบถามการดึงข้อมูลใน database โดยใช้ ajax
พี่นิกคับ 

ถ้าผมต้องการที่จะดึงข้อมูลมาแสดงเป็น listview

โดยจะแสดงตามจำนวนที่เราได้คิวรี่มาอ่ะคับ

พี่นิกพจะมีวิธีแนะนำบ้างไหมคับ

ใช้ในการเรียก
    
                    $.ajax({
                                        url: "select_list.php",
                                             dataType: 'html',
                                             success: function(data) {
                                                 $('#div_show').html(data);
                                                            }

                                                        });



$strSQL = "SELECT account_pa.ID_pa, account_pa.name FROM account_pa
					INNER JOIN account_in ON account_pa.ID_in = account_in.ID_in 
					Where account_in.ID_in = '".$_SESSION['ID_in']."'";
		
						echo "<ul data-inset='true' data-role='listview' data-theme='d'>";
    					echo "<li data-role='list-divider'>Name</li>";
						
						
						
						$objQuery = mysql_query($strSQL) or die (mysql_error());
						$objResult = mysqli_fetch_array($objQuery);
						
						while($objResult = mysql_fetch_array($objQuery))
						{

						 echo "<li><a href='Select_location.php?ID_pa='".$objResult['ID_pa']."'>ID'".$objResult['ID_pa']."' : '".$objResult['name']."'</a></li>";
						}
						
						echo "</ul>";


<div data-role="content"> 
                    		
						<ul data-inset='true' data-role='listview' data-theme='d'>
    					<li data-role='list-divider'>Name</li>
							
                       
                        ++++อยากให้แสดง
ที่นี้คั++++
						</ul>
				

					<div align="center" id="spBudget"></div>
                  </div>


Natjadee 16-12-2014 03:53:53

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
<div data-role="content">
  <ul id="mylistview" data-inset='true' data-role='listview' data-theme='d'>
    <li data-role='list-divider'>Name</li>

  </ul>
  <div align="center" id="spBudget"></div>
</div>


<script type="text/javascript">
$.ajax({  
	url: "select_list.php",  
	dataType: 'html',  
	success: function(data) {  
	//รูปแบบของ data คือ 
	//<li>Acura End</li>
	//<li>Acura End</li>
	//<li>Acura End</li>
		$("#mylistview").append(data);
		$("#mylistview").listview( "refresh" );
	}  
});  
</script>


ninenik 16-12-2014
 ความคิดเห็นที่ 2
 
พี่นิกพอจะมีลิ้งบทความที่พี่เคยทำแนวนี้บ้างไหมครับ

พอดีผมแก้แล้วมันไม่ขึ้นอ่ะครับ

มัน eeror แบบนี้อ่ะครับ


XMLHttpRequest cannot load http://ict.sci.psu.ac.th/std_project/54/231_416/Ajax/select_list.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.


Uncaught TypeError: undefined is not a function


Natjadee 16-12-2014 19:27
 ความคิดเห็นที่ 3




Uncaught TypeError: undefined is not a function
ของบรรทัดนี้อ่ะครับ

$("#mylistview").listview("refresh");


Natjadee 16-12-2014 19:29
 ความคิดเห็นที่ 4
เป็นกับ server อีกหรือเปล่า
ที่จริงดัวอย่าง ก็การใช้งานตามโค้ดเลย ส่วนบทความลงรายละเอียด
ไม่น่าจะมี 

ลองทำง่ายๆ ทดสอบแบบนี้ดู

ไฟล์ select_list.php

<?php
header("Content-type:text/html; charset=UTF-8");          
header("Cache-Control: no-store, no-cache, must-revalidate");       
header("Cache-Control: post-check=0, pre-check=0", false);    
// เชื่อมต่อกับฐานข้อมูล    
$link=mysql_connect("localhost","root","test"); // เชื่อมต่อ Server      
mysql_select_db("test");  // ติดต่อฐานข้อมูล      
mysql_query("set character set utf8"); // กำหนดค่า character set ที่จะใช้แสดงผล     
?>
<li>Acura End</li>  
<li>Acura End</li>  
<li>Acura End</li>  


ไฟล์ทดสอบ jqmobile.php

<div data-role="content">
  <ul id="mylistview" data-inset='true' data-role='listview' data-theme='d'>
    <li data-role='list-divider'>Name</li>

  </ul>
  <div align="center" id="spBudget"></div>
</div>


<script type="text/javascript">
$.ajax({  
	url: "select_list.php",  
	dataType: 'html',  
	success: function(data) {  
		$("#mylistview").append(data);
		$("#mylistview").listview( "refresh" );
	}  
});  
</script>





ninenik 16-12-2014
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ