0

主文件

    <!DOCTYPE html>
    <html>
    <head>
    <title>Lesson 21: Easy AJAX Calls with jQuery</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
    </head>
    <body>
    <h1>Lesson 21: Easy AJAX Calls with jQuery load()</h1>      
    <p><a href="#">Click here to fetch HTML content</a></p>     
    <div id="result">       
    </div>      
    <script type="text/javascript">
    $(document).ready(function()        
        {   
            var url = "lesson18_test.xml";  
            function processData(data)      
                {       
                    var resultStr = "";
                    var items = $(data).find('language');
                    $(items).each(function(i)       
                        {
                            resultStr += $(this).text() + '<br />';     
                            $('#result').html(resultStr);       
                        });     
        }       
    $('a').click(function()     
                    {   
                        $.get(url, processData);        
                    });     
        });     
    </script>           
    </body>
    </html>

第18课_test.xml

<?xml version="1.0" ?>
<languages>
<language>PHP</language>
<language>Ruby On Rails</language>
<language>C#</language>
<language>JavaScript</language>
</languages>

上面的代码来自这里的一个教程：http: //www.html.net/tutorials/javascript/lesson21.php

问题：

有没有办法可以查看数据中的内容？我试过alert(data)了，它只显示'对象 XMLobject'。我知道内部数据是课程 18_test.xml，但只想看看它在数据中的结构。

4

3 回答 3

2

您可能会发现 $.ajax 的使用更容易（我愿意，提供更多自定义它的自由，个人喜好问题）：

http://api.jquery.com/jQuery.ajax/

$.ajax(
{
    type: "POST",
    url:  "/asdfasdf",
    data: "foo=bar&name=cookiemonster",        
    // alternatively: data: { foo: "bar", name: "cookiemonster" },

    timeout: 5000, /* 5sec */

    success: function(data)
    {
    },
    error: function(fa,il,ure)
    {
          // yay error handler
         alert(fa + "\n" + il + "\n" + ure);
    },
    statuscode: { 404: function() { alert('Not found'); /* another way to handle errors */ }  

});
于 2013-05-31T03:14:15.473 回答
0

试试alert(data.responsetext)这个将向您显示数据而不被构造为对象

于 2013-05-31T03:02:20.787 回答
0

使用jqXHR对象获取responseXML或responseText属性，如下所示

$(document).ready(function()   {   
    var url = "lesson18_test.xml";  
    function processData(data, textStatus, jqXHR ) {       
        alert(jqXHR.responseText);
        console.log(jqXHR.responseText)
        var resultStr = "";
        var items = $(data).find('language');
        $(items).each(function(i)       
                      {
                          resultStr += $(this).text() + '<br />';     
                          $('#result').html(resultStr);       
                      });     
    }       
    $('a').click(function()     
                 {   
                     $.get(url, processData);        
                 });     
});
于 2013-05-31T03:06:08.797 回答