jquery ajax xml 執行個體

來源:互聯網
上載者:User
jquery ajax xml 執行個體2010-05-18 16:10

例1:
=====================================================
XML內容為:
<?xml version="1.0" encoding="utf-8" ?>
<stulist>
<man>
   <name>zdz</name>
   <age>25</age>
</man>
<man>
   <name>liufeng</name>
   <age>22</age>
</man>
<man>
   <name>hotman</name>
   <age>18</age>
</man>
</stulist>

=====================================
    <script>
$(document).ready(function(){
    $.ajax({url:"test.xml",dataType:"xml",success:function(xml){
      $(xml).find("stulist>man").each(function(){
document.getElementById("zdzDiv").innerHTML += "<br>姓名:"+$(this).find("name").text()+"<br/>年齡:"+$(this).find("age").text();
      });
    }});
    })

</script>
<div id="zdzDiv">
=====================================
參數1 url:要請求的文檔路徑.

參數2 dataType:請求的文件類型.有 XML HTML script json等等.

參數3 success:請求成功後的回呼函數。

$(xml).find("stulist>man").each尋找返回的xml裡的stulist節點下的man標籤.並根據尋找到的結果執行裡面的函數.

在man標籤下繼續尋找子項目,並將值放到顯示的div裡面.
==========================================================================================
例2:
function Resultxml()
{
   $.ajax
   ({
    url: 'ajaxRespose.aspx',
    data: {id: 1, name: $('#gender').val()},
   dataType: 'xml',
    success: function(xml)
     {
        alert(xml);
      
        $(xml).find('select').each(function()
        {
            var option1 = "<OPTION value='";  
            var option2 = "'>";  
            var option3 = "</OPTION>";
            var text = $(this).children("text").text();
            var value = $(this).children("value").text();
            $("#city").append(option1 + value + option2 + text + option3);
         
        });

     }
   });
}
服務端返回的xml檔案
String targetId = Request.QueryString["id"]; // 獲得請求中參數為id的值
String xml_version = "<?xml version=/"1.0/" encoding=/"UTF-8/"?>";
String xml_start = "<selects>";
String xml_end = "</selects>";
String xml = "";

switch (targetId)
{
case "0":
    xml = "<select><value>0</value><text>請選擇</text></select>";

    break;
case "1":
    xml = "<select><value>1</value><text>昌平</text></select>";
    xml += "<select><value>2</value><text>丰台</text></select>";
    break;
case "2":
    xml = "<select><value>1</value><text>塘沽區</text></select>";
    xml += "<select><value>2</value><text>漢沽區</text></select>";
    break;
}

String last_xml = xml_version+xml_start + xml + xml_end;
Response.ContentType = "text/xml";//返回資料類型為xml(必須的)
Response.Write(last_xml);
Response.End();

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.