Вопрос по search, xml, javascript – Поиск в файле XML и отображение результатов с помощью JavaScript

2

Последние 3 часа я искал везде и не мог найти ничего, что могло бы мне помочь. Мне очень жаль, если есть какой-либо ответ, но я просто не могу получить его.

Итак, у меня есть этот XML-файл, например:

<entry>
    <title>The Title</title>
    <description>Description here</description>
</entry>

Поэтому я хотел бы иметь HTML-код с поисковой формой в нем, а затем на основе поискового запроса отобразить все результаты на той же странице (например, пустой div), который соответствует этому термину.

Это будет возможно?

Большое спасибо заранее всем, кто может мне помочь в этом!

Ваш Ответ

1   ответ
7

и никто не ответил, поэтому я попробовал кое-что и настроил лучший и простой способ сделать это с помощью jQuery

test.xml

<item>
    <entry>
        <title>The Title</title>
        <description>Description here</description>
    </entry>

    <entry>
        <title>The Title 2 </title>
        <description>Description here second</description>
    </entry>
</item>

index.html

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<input type="text" id="search"  autocomplete="off" />
<p id="output"></p>

<script type="text/javascript">
$(document).ready(function(){
    $('#search').on('keyup', function(){
        $.ajax({
            type: "GET",
            url: "test.xml",
            dataType: "xml",
            success: parseXML
        });
    });
});
function parseXML(xml){
    var searchFor = $('#search').val();
    var reg = new RegExp(searchFor, "i");
    $(xml).find('entry').each(function(){
        var title = $(this).find('title').text();
        var titleSearch = title.search(reg);
        var desc = $(this).find('description').text();
        var descSearch = desc.search(reg);
        $('#output').empty();
        if(titleSearch > -1){
            $('#output').append('Found <i>'+searchFor+'<\/i> in title: '+title.replace(reg, '<b>'+searchFor+'</b>')+'<br \/>');
        }
        if(descSearch > -1){
            $('#output').append('Found <i>'+searchFor+'<\/i> in description: '+desc.replace(reg, '<b>'+searchFor+'</b>')+'<br \/>');
        }
    });    
}
</script>
</body>
</html>
Спасибо чувак! с несколькими обновлениями это работало как шарм! Jaypee

Похожие вопросы