dqm4675 2014-08-22 14:50
浏览 34
已采纳

如何使用php将xml中的节点内容发送到另一个页面？

how to send the content of a node in xml to another page using php?

page.php

    <!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1  target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<div class="container">
<?php
$html = "";
$url = "http://d-toma.netne.net/Data.xml";
$xml = simplexml_load_file($url);
$title=$xml->page[0]->title;
$image=$xml->page[0]->image;

echo("<div class=\"main\"><img src=\"$image\"/>$title</div>");


  for($i = 1; $i<4;$i++){
$title=$xml->page[$i]->title;
$image=$xml->page[$i]->image;



    $title= $xml->page[$i]->title;
//$title=$xml->page->content->asXML();
$html .="<div class=\"sec\"><img src=\"$image\"/>$title</div>";

 }

echo $html;

?>
</div>

</body>
<html>

i just want when i click on the div to open another page and put the content of the node i clicked on it please help me thank you i just tryed every thing but i dont know how to solve this problem

  • 写回答

2条回答 默认 最新

  • drti52047 2014-08-22 16:22
    关注

    The next solution is same you require, only I use jQ:

    <!DOCTYPE html>
<html>
   <body>
    <header>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

        <style>
            .container {
                position: relative;
                width: 100%;
            }

            .menu {
                float: left;
                width: 25%;
            }

            .menu a {
                text-decoration: none;
            }

            .page {
                float: left;
                width: 75%;
            }
        </style>
    </header>
    <body>
        <div class="container">
            <div class="menu">
                <ul>
                </ul>
            </div>
            <div class="page">
            </div>
        </div>

        <script>
            var $pageCollection;

            function buildMenu($xmlDoc) {
                var $menu = $('div.menu > ul'),
                    $pageDetail = $('div.page'),
                    items = [];

                // Get page collection
                $pageCollection = $xmlDoc.find('page');

                $pageCollection.each(function (index, element) {
                    var $page = $(element),
                        item = $('<li><a href="javascript:void(0)" data-index="' + index + '">' 
                            + $page.find('title').html()
                            + '<br />' + $page.find('desc').html() + '</a></li>');

                    items.push(item);
                });

                // Show page 0 for default
                var $firstPage = $pageCollection.first(),
                    $contentPage = $firstPage.find('content').html();

                $pageDetail.html($contentPage);

                // Add event handlers
                $menu.append(items);
                $menu.on('click', 'a', onAnchorClick);
            }

            function getXml(url, callback) {
                $.get(url, function (response) {
                    var $xmlDoc = $(response);

                    callback($xmlDoc);
                });
            }

            function onAnchorClick(event) {
                var $pageDetail = $('div.page'),
                    $anchor = $(event.currentTarget),
                    index = $anchor.attr('data-index');

                // Clear previous content
                $pageDetail.empty();

                // Show current page
                var $currentPage = $pageCollection.eq(index),
                    $contentPage = $pageCollection.find('content').html();

                $pageDetail.html($contentPage);
            }

            $(function () {
                var url = 'http://d-toma.netne.net/Data.xml';

                getXml(url, buildMenu);
            });
        </script>
    </body>
</html>

    This solution load using AJAX the XML file, and parse this find for content tag. The anchor in menu div save index position in XML, using it to select current page in XML page collection.

    Regards!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 使用Spry轻松将XML数据显示到HTML页的方法
    2020-10-30 19:37
    Spry框架是Adobe Dreamweaver CS3中引入的一个强大的JavaScript库，它简化了XML数据与HTML页面交互的过程。本文将详细介绍如何使用Spry轻松地将XML数据展示在HTML页面上。 首先，理解XML数据的基本结构至关重要。...
  • 前端基础之XML
    2023-05-15 12:01
    过往已是曾经的博客 XML是可扩展的标识语言（eXtensible Markup Language），其先驱是SGML和HTML。
  • PHP实现对xml进行简单的增删改查(CRUD)操作示例
    2020-10-19 20:03
    当`type`为`update`时，同样先加载XML文件，然后根据GET参数中的数据更新XML节点的值。最后，使用`asXML`方法将更新后的SimpleXMLElement对象写回XML文件。 ```php if ($_GET["type"] == "update") { $xml = ...
  • XML文档节点导航与选择指南
    2024-04-07 21:27
    小万哥丶的博客 XPath示例文档 以下是我们将在下面的示例中使用的XML文档： <bookstore> <book> <title lang="en">Harry Pottertitle> <price>29.99price> book> <book> <title lang="en">Learning XMLtitle> <price>39.95price> ...
  • 探究XML的项目式教学,创建一个在线词典.pdf
    2024-01-02 11:09
    然后使用PHP的DOMDocument类加载XML文件，并连接到MySQL数据库，将数据库表中的数据插入到XML文档的`<dict>`元素中。这样，XML文件就包含了所有单词数据，便于后续查询。 为了实现单词查询功能，可以使用XML的DOM...
  • php+xml实现在线英文词典之添加词条的方法
    2020-10-24 20:11
    标题中提到的知识点为“php+xml实现在线英文词典之添加词条的方法”，这意味着我们将探讨使用PHP语言结合XML技术来建立一个在线英文词典，具体到实现新增词条的功能。 首先，关于XML技术的应用，XML（Extensible ...
  • php+xml结合Ajax实现点赞功能完整实例
    2020-10-24 19:03
    当Ajax请求到达PHP时，如果检测到cookie存在，表示用户已经点赞，则PHP将更新XML文件中的点赞数。如果不存在cookie，则增加cookie，表示用户进行了点赞操作。 PHP脚本的`index.php`部分代码根据请求参数判断是发送...
  • php对xml文件的增删改查操作实现方法分析
    2020-10-19 20:18
    之后，通过appendChild方法将子元素添加到根元素中，最后将整个根元素添加到文档对象中并使用save方法保存为一个新的XML文件。 在查询XML文件内容时，同样首先载入XML文档，然后通过getElementsByTagName方法获取...
  • PHP封装XML和JSON格式数据接口操作示例
    2020-10-17 08:11
    在Web开发中，后端系统常常需要通过接口将数据返回给前端应用程序。通常，这些数据以XML和JSON格式呈现。本文详细介绍了如何在PHP环境下封装和生成这两种格式的数据接口。在正式讲解之前，首先我们要明确XML和JSON这...
  • 页面xml解析自动赋值工具
    2021-06-01 20:13
    【页面XML解析自动赋值工具】是一款用于网页开发的实用工具，主要针对XML文件内容进行解析，并能够自动将解析出的数据绑定到HTML页面中的特定元素，极大地提高了开发效率。这款工具通常结合JavaScript库如jQuery来...
  • 没有解决我的问题, 去提问