一对多关系显示为ajax结果

Question

I have two table department and city

city ( #id (PK) , name , id_department (FK) , ... ) 
department( #id (PK) , name , ... )

and I make an Ajax call to display all departments and their cities.

I run this query :

select distinct d.id , d.nom , c.id , c.nom 
from department d 
left join city c on d.id = c.id_department 

The problem is that I got one department repeated in many rows because I have one to many relationship .

The question is what is the best, cleanest and easiest way to display the query result with Ajax in Javascript / jQuery with $.each() loop?

How to handle them and display them in my html page?

I want display them as checkbox tree in a popup and the user check what he want to do a search operation.

Answer 1

select d.id, d.nom, c.id, c.nom from department d, city c
where d.id = c.id_departement

unless you need to explicit the joint you can try this query.