Заполнение страницы XML и Javascript/Jquery, проверка того, совпадает ли URL-адрес с тегом xml

Мне нужно создать функцию javascript, которая будет писать страницу на основе URL-адреса, поэтому в основном я пытаюсь создать функцию javascript, которая будет проверять URL-адрес и находить оттуда соответствующий элемент xml.

Причина этого в том, что html-страницу можно просто продублировать, переименовать и обновить xml, и страница заполнит все остальное из листа xml.

пожалуйста, дайте мне знать, является ли это совершенно неправильным способом сделать это, есть ли лучший способ. Благодарность!!!

XML-код::

<!--XML INFORMATION-->      
<channel>
<design>
<motion><!--design content-->

<item><!--//////////POST//////////POST//////////POST//////////-->
    <tag>/portfolio_dec.html</tag>

<!--RSS INFORMATION-->      
    <title>Decoze</title>
    <link>http://payamrajabi.com/portfoliotest.html</link>
    <description><img src="http://payamrajabi.com/thumbs/small_jump.png" title="JUMP!." /></description>

<!--PROJECT CONTENT-->

<project><!--project start-->

    <titl>TITLE</titl><!--project title-->
    <dsc>PROJECT DESCRIPTION</dsc><!--project description-->

</project><!--project end-->

</item><!--//////////END//////////END//////////END//////////-->

</motion>
</design>   
</channel>

ЯВАСКРИПТ:

$(document).ready(function(){

    $.ajax({
    type: "GET",
    url: "code/content9.xml",
    dataType: "xml",
    success: function(xml) {

    var xpathname = window.location.pathname;
    var xproject = $(xml).find('tag').text();

    if (xpathname == xproject) {

        $(xml).find('item').children('tag').text(xpathname).each(function(){
            var ttl = $(this).find('titl').text();
            $('<p>'+ttl+'</p>').appendTo('h1#ttl');
        });

        $(xml).find('item').children('tag').text(xpathname).each(function(){
            var dsc = $(this).find('dsc').text();
            $('<p>'+dsc+'</p>').appendTo('h1#ttl');
        });                 

    } else {
        PUT ERROR MESSAGE HERE
    }
    }
    });                 
});

и HTML:

<html>
<head>

<script type="text/javascript" src="code/jquery-1.3.1.js"></script>
<script type="text/javascript" src="code/project/project_design.js"></script>

</head>

<body>
<h1 id="ttl"></h1>
<p id="dsc"></p>
</body>
</html>

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

ваше здоровье!

Виллем


javascript xml if-statement jquery auto-populate
person Community    schedule 01.05.2009    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Хм... Боюсь, вы не совсем понимаете, как работает jquery.

Ваш код должен выглядеть примерно так:

var xpathname = window.location.pathname; 

var xitem = $(xml).find('tag:contains(' + xpathname + ')').parent(); 

if (xproject.length != 0) { 
  $('#ttl').append('<p>' + xitem.find('titl').text() + '</p>'); 
  $('#dsc').append('<p>' + xitem.find('dsc').text() + '</p>'); 
} 
else {
  $('#err').text('The page you requested does not exist'); 
}

Демо 1

Вот краткая демонстрация. Взгляните на источник, чтобы увидеть XML и JavaScript.

http://jsbin.com/ujiho#itemOne

http://jsbin.com/ujiho#itemTwo

http://jsbin.com/ujiho#itemThree

Демо 2

Я создал еще одну демонстрацию, которая использует $.get для извлечения XML из отдельного URL-адреса.

http://jsbin.com/aqefo#nov

http://jsbin.com/aqefo#dec

XML: http://jsbin.com/afiwa.

Вот JavaScript. Дайте мне знать, если вам нужна помощь в понимании чего-либо.

$(function(){
  $.get(
    'http://jsbin.com/afiwa',
    function(xml){

      var hash = window.location.hash.substring(1);

      if ($.trim(hash) === '') {
        showError();
        return;
      }

      var xitem = $(xml).find('urlname:contains(' + hash + ')').parent();

      if (xitem.length != 0) {
        $('#ttl').append(xitem.find('titl').text());
        $('#dsc').append( xitem.find('dsc').text());
      }
      else {
        showError();
      }


      function showError() {
        $('#err').text('The page you requested does not exist');
      }
    }
  );
});
person brianpeiris    schedule 02.05.2009