Question

I’m just starting out with PHP, and I am attempting to move some jQuery ajax into PHP. Here is my PHP file:

<?php
include 'config.php';
include 'opendb.php';

$query = "SELECT * FROM agency ORDER BY name";
$result = mysql_query($query);
while($row = mysql_fetch_assoc($result)){
$id = $row['id'];
$name = $row['name'];
echo "<li class=\"agency\"><a href=\"contentAgency.php?id=$id\">$name</a><ul class=\"agency-sub\"></ul></li>";
}

include 'closedb.php';
?>

Here is my current js function:

//Add Agency content
$("ul.top-level").on("click", "li.agency a", function (event) {
    if($(this).next().length) {
        var numbs = $(this).attr("href").match(/id=([0-9]+)/)[1];
        showContentAgency(numbs, this);
    } else {
        $(this).closest('ul').find('a').removeClass('sub-active');
    }
    event.preventDefault();
});

And here is the showContentAgency(); function:

function showContentAgency(id, elem) {
    $.post("assets/includes/contentAgency.php?id=id", {
        id: id
    }, function (data) {
        $(elem).addClass("nav-active").parent().find("ul").html(data).show();
    });
}

What I’d like to do is have PHP render the unordered list rather than have jQuery insert it. This is how it is currently featured in the above PHP file:

echo "<li class=\"agency\"><a href=\"contentAgency.php?id=$id\">$name</a><ul class=\"agency-sub\"></ul></li>"

So I would like the PHP to populate the <ul class="agency-sub"> list.

Answer 1

The structure of your code is a little bit unclear to me, but the broad outline is this: You take whatever function is generating the content in contentAgency.php and call that to get the HTML, then stick that inside when you’re building up the list.