Есть несколько способов сделать это, в зависимости от того, какой подход вы хотите использовать.
Первый и самый простой способ - генерация на стороне сервера .Это то, что может произойти, например, если пользователь нажмет кнопку Submit
в форме поиска, чтобы отправить вам свой запрос, ваш скрипт получит запрос и сгенерирует страницу, а затем отправит эту страницу пользователю.В этом случае ваш вопрос во многом тривиален.В псевдокоде:
ASSIGN the list of results to list L
FOR EACH ITEM r IN L
PRINT a string containing an HTML template, substituting the value
r where appropriate
Это достаточно тривиально, и я подозреваю, что вы хотите сделать это с помощью DOM-манипуляции .Это то, что требует JavaScript: вы получаете запрос, отправляете запрос без обновления страницы и хотите добавить результаты в DOM.Если вы получаете список результатов, вы уже прошли большую часть пути.Используя jQuery, вы будете делать то же самое, что и в псевдокоде выше, за исключением того, что там, где он содержит оператор PRINT
, вы должны иметь:
$(".SearchResults").append("<li>" + r + "</li>");
Я настоятельно рекомендую прочитать учебник по jQuery.Это не так сложно, как вы думаете.