Сложность создания функции поиска с MySQL, PHP, jQuery и Ajax

Question

Я новичок в этом, и после поиска некоторое время я подумал, что спросить.

Я создал очень простую функцию поиска, которая вызывает названия названий тем, охватываемых MySQL.базы данных через Ajax / jQuery.

Сейчас я пытаюсь создать ссылку, чтобы, если вы хотите больше узнать об этой теме, вы можете щелкнуть и перейти к подробной записи базы данных MySQL, которая имеет гораздо большеинформация.

Прямо сейчас мой search.php имеет следующее:

if (mysql_num_rows($result) > 0){
      while($row = mysql_fetch_object($result)){
        $string .= "<b>".$row->title."</b>";
        $string .= "<br/>\n";

База данных имеет следующие поля: title, subtitle01, subtext01, subtitle02, subtext02 и post_ID

Я хотел бы добавить еще одну строку, которая распознает post_id, на котором основан заголовок, а затем создать ссылку для просмотра подробностей (которые будут отображать все поля) на новой странице php.Есть мысли о том, как это сделать?

Answer 1

Это

if(mysql_num_rows($result) > 0){
    while($row = mysql_fetch_object($result)){
        $string .= "<a href='detail.php?id=".$row->post_ID."'>".$row->title."</a><br />\n";
    }
}

редактировать: исправлена ​​опечатка

Answer 2

Если вы действительно хотите создать функцию поиска с помощью jquery-ajax и php, mysql. Я создал скрипт для этого на моем веб-сайте, вот пример кода javascript для функции поиска.

    $(document).ready(function(){

    // initilize varibales
    var htmlData='';

    var ajaxUrl='search.php';
    $("#searchText").keyup(function(){
        $searchText=$(this).val();
        if($searchText.length>=1){
            get_search_data($searchText,ajaxUrl,htmlData);
        }else{
            $(".search_result").html('').css("padding","0px").fadeOut();
        }
    });
});

function get_search_data($searchText,ajaxUrl,htmlData){
    $.ajax({
        url:ajaxUrl,
        type:"post",
        dataType:"json",
        data:{'action':'get_result','search_text':$searchText},
        success:function(response){
            console.log(response);
            for(var i=0; i<response.totalResult; i++){
                htmlData+='<p>'+response.allData[i].email+'</p>';
                $(".search_result").html(htmlData).css("padding","10px").fadeIn();
            }
        }
    });
    // return htmlData;
}

Если вы хотите скачать или изучить полный исходный код, вы можете перейти по ссылке.

Поиск с Jquery-Ajax, Php и Mysql