解析xml文件并使用jquerymobile显示内容

解析xml文件并使用jquerymobile显示内容,jquery,jquery-mobile,Jquery,Jquery Mobile,我不熟悉Jquery移动环境。我有一个XML文件,需要解析它并使用JqueryMobile显示内容 这是XML的格式: <Result> <Details> <Attendee> <AttendeeID>1</AttendeeID> <Name>krishna</Name> <AttendeeEmail>kri@gmail.com</Attende

我不熟悉Jquery移动环境。我有一个XML文件,需要解析它并使用JqueryMobile显示内容

这是XML的格式:

<Result>
  <Details>
    <Attendee>
      <AttendeeID>1</AttendeeID>
      <Name>krishna</Name>
      <AttendeeEmail>kri@gmail.com</AttendeeEmail>
      <AttendeeMobile>9876543210</AttendeeMobile>
      <AttendeeProfession>Android</AttendeeProfession>
      <AttendeeTagCloud>Developers</AttendeeTagCloud>
    </Attendee>
    <Response>Success</Response>
    <Count>1</Count>
  </Details>
</Result>

1.
克里希纳
kri@gmail.com
9876543210
安卓
开发者
成功
1.
我试着用谷歌搜索它,但找不到任何对我有帮助的东西


请帮我解决这个问题。我无法解决xml标记的问题。请使用
.parseXML

 xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc ),
    $email= $xml.find( "AttendeeEmail" ).text();

alert($email);

这是小提琴

使用
.parseXML

 xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc ),
    $email= $xml.find( "AttendeeEmail" ).text();

alert($email);

这里是fiddle

这是我用来提取在web服务器上动态呈现的远程xml的工具

从服务器检索xml文件的代码:

<script>
$(document).ready(function(){

       $.ajax({
               type: "GET",
               url: "YOUR URL TO THE XML FILE ON THE SERVER",
               dataType: "xml",
               success: parseXml
               });
function parseXml(xml) {
$(xml).find('YOUR XML RECORD NODE FIELD').each(function(){
                  $("YOUR DIV ID/CLASS IN YOUR JQUERY MOBILE PAGE").append('SOME HTML CODE LIKE <li><h3>') + $(this).find("FIELD TO DISPLAY FROM YOUR XML RECORD").text() + 'CLOSING HTML CODE FROM ABOVE </h3></li>');
 });
}
});
</script>

$(文档).ready(函数(){
$.ajax({
键入:“获取”,
url:“服务器上XML文件的url”,
数据类型:“xml”,
成功:parseXml
});
在jquery mobile中解析xml文件的代码:

<script>
$(document).ready(function(){

       $.ajax({
               type: "GET",
               url: "YOUR URL TO THE XML FILE ON THE SERVER",
               dataType: "xml",
               success: parseXml
               });
function parseXml(xml) {
$(xml).find('YOUR XML RECORD NODE FIELD').each(function(){
                  $("YOUR DIV ID/CLASS IN YOUR JQUERY MOBILE PAGE").append('SOME HTML CODE LIKE <li><h3>') + $(this).find("FIELD TO DISPLAY FROM YOUR XML RECORD").text() + 'CLOSING HTML CODE FROM ABOVE </h3></li>');
 });
}
});
</script>
函数解析xml(xml){
$(xml).find('您的xml记录节点字段')。每个(函数(){
$(“JQUERY移动页面中的DIV ID/CLASS”).append('SOME HTML CODE LIKE
  • ')+$(this)。find(“要从XML记录中显示的字段”).text()+'CLOSING HTML CODE FROM over
  • ”); }); } });

    希望这能有所帮助。

    这就是我用来提取在web服务器上动态呈现的远程xml的方法

    从服务器检索xml文件的代码:

    <script>
    $(document).ready(function(){
    
           $.ajax({
                   type: "GET",
                   url: "YOUR URL TO THE XML FILE ON THE SERVER",
                   dataType: "xml",
                   success: parseXml
                   });
    
    function parseXml(xml) {
    $(xml).find('YOUR XML RECORD NODE FIELD').each(function(){
                      $("YOUR DIV ID/CLASS IN YOUR JQUERY MOBILE PAGE").append('SOME HTML CODE LIKE <li><h3>') + $(this).find("FIELD TO DISPLAY FROM YOUR XML RECORD").text() + 'CLOSING HTML CODE FROM ABOVE </h3></li>');
     });
    }
    });
    </script>
    
    
    $(文档).ready(函数(){
    $.ajax({
    键入:“获取”,
    url:“服务器上XML文件的url”,
    数据类型:“xml”,
    成功:parseXml
    });
    
    在jquery mobile中解析xml文件的代码:

    <script>
    $(document).ready(function(){
    
           $.ajax({
                   type: "GET",
                   url: "YOUR URL TO THE XML FILE ON THE SERVER",
                   dataType: "xml",
                   success: parseXml
                   });
    
    function parseXml(xml) {
    $(xml).find('YOUR XML RECORD NODE FIELD').each(function(){
                      $("YOUR DIV ID/CLASS IN YOUR JQUERY MOBILE PAGE").append('SOME HTML CODE LIKE <li><h3>') + $(this).find("FIELD TO DISPLAY FROM YOUR XML RECORD").text() + 'CLOSING HTML CODE FROM ABOVE </h3></li>');
     });
    }
    });
    </script>
    
    函数解析xml(xml){
    $(xml).find('您的xml记录节点字段')。每个(函数(){
    $(“JQUERY移动页面中的DIV ID/CLASS”).append('SOME HTML CODE LIKE
  • ')+$(this)。find(“要从XML记录中显示的字段”).text()+'CLOSING HTML CODE FROM over
  • ”); }); } });

    希望这能有所帮助。

    我在谷歌搜索
    jquery mobile parse xml时看到了很多有用的信息
    我只得到了stackoverflow链接可能的重复-我也得到了很多链接,回答了完全相同的问题。这有什么问题?我在谷歌搜索
    jquery mobile parse xml
    时看到了很多有用的信息,我只得到了stackoverflow链接可能的重复-我也得到了很多链接,回答了完全相同的问题。这有什么问题吗?:我的xml驻留在远程服务器中,那么我如何检索远程xml文件,然后使用jquery mobilemake解析它在服务器上创建一个web服务(允许
    CORS(跨源资源共享)
    ),当查询时返回xml响应,使用
    ajax
    查询该服务并解析它。要记住
    同源策略
    ,您可以使用
    jsonp
    etci,因为服务已经在运行,我有一个url,它会用上面的xml文件响应我,所以我对使用url获取xml文件并解析有点困惑it@Jeevan东热我出去了,,出现错误的原因是因为您试图访问域外的服务器,您是否可以编辑您的问题或使用用于访问服务的示例代码创建一个新问题:My xml驻留在远程服务器中,那么如何检索远程xml文件,然后使用jquery mobilemake web service解析它(允许
    CORS(跨来源资源共享)
    )在被查询时返回xml响应的服务器上,使用
    ajax
    查询该服务并对其进行解析。要记住
    同源策略
    ,您可以使用
    jsonp
    etci,因为服务已经在运行,并且我有一个用上述xml文件响应我的url,使用该url获取xml文件和pa有点困惑rseit@JeevanDongre我出去了,你得到错误的原因是因为你试图访问你域外的服务器,你能编辑你的问题或用你用来访问服务的示例代码创建一个新的问题吗