0

Main.php

    <!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>

lesson18_test.xml

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

上記のコードは、ここの 1 つのチュートリアルからのものです: http://www.html.net/tutorials/javascript/lesson21.php

質問：

データの内容を確認する方法はありますか? 試しalert(data)てみましたが、「オブジェクト XMLobject」しか表示されません。内部データがlesson18_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 に答える