Добавить строки с AJAX с сервера, используя phpMyAdmin, jquery

Question

Прямо сейчас я пытаюсь добавить пару <li>, используя ajax. Проблема в том, что я хотел бы, чтобы эти <li> использовали данные из базы данных, которую я имею на сервере. Я хотел бы знать, как это сделать! Также возможно ли использовать jQuery?

Допустим, у меня есть <div id="listHolder">, где у меня есть <ul>, а затем немного <li>. Эти <li> - те, которые я хочу изменить через ajax. Я использую phpMyAdmin, где у меня есть база данных с именем t_menuMaterials , и я хочу получить строки внутри m_nom . Я также хотел бы иметь возможность изменить меню, по нажатию кнопки изменить t_menuMaterials на t_menuTextures . Я смог заполнить свое меню, но только при такой загрузке страницы!

$requeteMenuMaterials = "SELECT * FROM t_menuMaterials ORDER BY m_id LIMIT 10";
$ressourcesListe = mysql_query($requeteMenuMaterials);

$targetMenu = "SELECT r_categorie FROM t_ressources ORDER BY m_id LIMIT 10";
$ressourcesListe2 = mysql_query($targetMenu);
$menu2 ='';
while($tbl_ressources1 = mysql_fetch_assoc($ressourcesListe)){
    $menu2 .='<li class="secondaryMenu"><a href="#" onClick="test('.$ressourcesListe2.');" ><div>'.$tbl_ressources1['m_nom'].'</div></a></li>';
}

Теперь я хотел бы иметь возможность изменить div (например, если $ RequeteMenuMaterials стал = "SELECT * FROM t_menuTextures (вместо t_menuMaterials). Я понятия не имею о том, как изменить эти <li> через ajax, используя мои базы данных и phpMyAdmin.

Answer 1

jQuery $ .get - это, вероятно, то, что вам нужно. По сути, есть страница, которая извлекает соответствующие данные из базы данных и выводит их на вашу страницу. Таким образом, ваша страница (например, get-li-data.php) может вывести:

<li>An item</li>
<li>Another item</li>

И используйте $ .get, чтобы получить эти данные и вставить их в div, например:

$.get('/get-li-data.php', function(data) {
  $('#div-where-i-have-a-ul').html(data);
});

Answer 2

Трудно дать вам точный совет, так как вы перечисляете только небольшие части кода вашей стороны обслуживания.

Но некоторые общие гильдии:

Взгляните на jQuery , он поддерживает вызовы ajax, а также множество клиентских подключений для обновления элементов.

На сервере вам нужно разделить некоторые вызовы к БД, чтобы клиент через URL или POSTданные могут указывать сценарию на стороне службы, что делать.

У Javascript нет способа напрямую вызывать какую-то внутреннюю часть страницы php, вы должны вызывать эту страницу как обычный запрос http и использовать аргументы URL илиpostdata, чтобы страница возвращала различную информацию.