Solved

How do I get multiple rows of data with PHP using Mysql, send it JSON encoded with ajax, and then read it with javascript/jquery

Posted on 2009-05-14
6
1,546 Views
Last Modified: 2013-11-08
I am pretty new to combining codes so I need some help. I want to grab the comments for a particular article and put them on the webpage. I can do this when I just find 1 row, but I don't know how to grab multiple rows of data from a database using PHP, JSON encode it, then grab it with ajax, decode it and loop through the rows with javascript on the main page.

When I do the PHP code by itself it shows "{"ID":"1","comment":"this is the first comment"}{"ID":"2","comment":"this is the second comment"}{"ID":"3","comment":"this is the third comment"}" I don't know if this is the proper format for the javascript to read it.

I also, never get to the alerts in the javascript.

Thanks for your help.
/*****************here is javascript that I've been using on index.html*******************************/
 
$.getJSON('../advice/php/get_comments.php', ' ', process_comments);
function process_comments(data) {
var new_comment = data.comment;
var ID = data.ID;
alert('new_comment'+ new_comment);
alert('ID'+ID);
}
 
 
 
 
/*****************here is get_comments.php*******************************/
 
<?PHP
include("../../php/mysql.php"); //gets the mysql info.
 
 
 
$get_comments_sql = "SELECT ID, comment
					FROM comments
					WHERE ID = articles_ID = 47
					GROUP BY ID";
		if ($result = mysqli_query($mysqli, $get_comments_sql)) {
			while ($row = mysqli_fetch_array($result)) {
				$array_data = array('ID'=>$row[0], 'comment'=>$row[1]);
				echo json_encode($array_data);
			}
		}
?>

Open in new window

0
Comment
Question by:Sucao
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
6 Comments
 
LVL 12

Expert Comment

by:alien109
ID: 24388683
you only want to echo the json string once. So rather than doing it for every row, try building an array of rows, and then encoding that.

0
 
LVL 7

Expert Comment

by:Jonah11
ID: 24388779
ya, basically if you switch lines 28 and 29 in your code it should work
0
 
LVL 7

Expert Comment

by:Jonah11
ID: 24388787
oh and also process comments needs to account for the fact that data is an array...
0
Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

 

Author Comment

by:Sucao
ID: 24388896
Ok, so I've learned that I want to only echo the JSON string once. I switched lines 28 and 29. How do I send out an array of rows. Could someone write an example using this code? Also, what do I need to change in my javascript to access that JSON encoded array of rows?
0
 
LVL 7

Accepted Solution

by:
Jonah11 earned 500 total points
ID: 24388956
sorry, you had to make a couple more changes actually.  try the code below.
/*****************here is javascript that I've been using on index.html*******************************/
 
$.getJSON('../advice/php/get_comments.php', ' ', process_comments);
function process_comments(data) {
	var new_comment = data[0].comment;
	var ID = data[0].ID;
	alert('new_comment'+ new_comment);
	alert('ID'+ID);
}
 
 
 
 
/*****************here is get_comments.php*******************************/
 
<?PHP
include("../../php/mysql.php"); //gets the mysql info.
 
 
 
$get_comments_sql = "SELECT ID, comment
                                        FROM comments
                                        WHERE ID = articles_ID = 47
                                        GROUP BY ID";
								$array_data = array();
                if ($result = mysqli_query($mysqli, $get_comments_sql)) {
                        while ($row = mysqli_fetch_array($result)) {
                                $array_data[] = array('ID'=>$row[0], 'comment'=>$row[1]);
                        }
												echo json_encode($array_data);
                }
?>

Open in new window

0
 

Author Comment

by:Sucao
ID: 24389901
Jonah11 that's perfectly what I needed. I have one final part to figure out though, how do I loop through the data with javascript? right now I am only getting alerts about the first row of data.
0

Featured Post

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Many old projects have bad code, but the budget doesn't exist to rewrite the codebase. You can update this code to be safer by introducing contemporary input validation, sanitation, and safer database queries.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

628 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question