1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

responseXML como alternativa ao responseJSON Ajax

Pessoal, estou com um problema em adaptar meu código com a versão XML do Ajax. Alguém pode me ajudar ?

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#loadBtn").click(function() {
        $.ajax({
            type: "GET",
            url: "products.xml",
            datatype: "xml",
            error: function(jqXHR, textStatus, errorThrown) {
                console.log('Error: ' + errorThrown);
            },
            success: function(xml) {
                console.log('AJAX Request is succeded.');

                var productsTable = '';
                productsTable += '<table id="productsTable"
                       cellspacing="0" cellpadding="2" border="1">' ;

                productsTable += '<thead><td>Id</td>
                       <td>Name</td><td>Price</td><td>Discount</td></thead>';

                $(xml).find('product').each(function(){
                    productsTable += '<tr>';
                    productsTable += '<td>';
                    productsTable += $(this).find('id').text();
                    productsTable += '</td>';

                    productsTable += '<td>';
                    productsTable += $(this).find('name').text();
                    productsTable += '</td>';

                    productsTable += '<td>';
                    productsTable += $(this).find('price').text();
                    productsTable += '</td>';

                    productsTable += '<td>';
                    productsTable += $(this).find('discount').text();
                    productsTable += '</td>';

                    productsTable += '</tr>';
                });
                productsTable += '</table>';
                $("#products").append(productsTable);
            }
        });
    });
});
</script>
</head>
<body>

Please click to load the products from server:
<input type="button" id="loadBtn" value="Load XML"/>
<br/><br/>
<div id=products></div>
</body>
</html>

products.xml

<?xml version="1.0" encoding="UTF-8"?>
<products>
    <product>
        <id>P-22345</id>
        <name>LCD Television</name>
        <price>$500</price>
        <discount>5%</discount>
    </product>
    <product>
        <id>P-13245</id>
        <name>Mac Mini</name>
        <price>$700</price>
        <discount>2%</discount>
    </product>
    <product>
        <id>P-52346</id>
        <name>Home Theatre</name>
        <price>$500</price>
        <discount>1%</discount>
    </product>
    <product>
        <id>P-78385</id>
        <name>Laptop Computer</name>
        <price>$1500</price>
        <discount>5%</discount>
    </product>
    <product>
        <id>P-78385</id>
        <name>Desktop Computer</name>
        <price>$1000</price>
        <discount>7%</discount>
    </product>
</products>

Resumindo, esse script não esta funcionando. Sel alguém que tem experiência com programação poder me ajudar. Agradeço muito.Obrigado

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags jquery xml ajax ou faça a sua própria pergunta.