0

検索ツール用のデータ フィードを提供する会社を持っていますが、検索ツールを作成する必要があります。製品の在庫は 1 時間ごとに変化するため、製品情報のフィードがあります。フィードを取り込んで検索フォームに入力し、顧客が私のサイトを検索して、そのベンダーが製品を入手できるかどうかを確認できます。

XML フィードを解析し、フォームのドロップダウンとして結果を表示するために、誰かが私を正しい方向に向けることができますか? 「Style」である最初の項目を選択すると、「Color」という名前の新しいボックスが表示されます。これは、2 回目の呼び出しでフィードから返されます (最初の呼び出しでフォームが収集したパラメーターを渡す 2 回目の呼び出しになると思います)。選択。

私は誰かにこれを書くように頼んでいるわけではありませんが、私は cURL (これを使用する必要があると考えています) と SimpleXML に不慣れで、適切な関連チュートリアルまたはアドバイスへのリンクが必要なだけです。

4

1 に答える 1

1

物事をどのように実現したいかはあまり明確ではないため、XML フィードをサーバー側で使用するか、クライアント側で使用するかについてアドバイスを与えることは困難です。

また、xml フィードを「取得」する方法についても説明していません。認証が必要な Web サービスですか? リクエストの種類は何ですか？それとも、単にインターウェブ上のどこかに存在するファイルですか? それとも現地で入手可能ですか？

あなたが消費しているフィードは、複雑なリクエストや認証を必要としないと仮定します。

jQuery と GET リクエストを使用した AJAX の例を次に示します。

XML の例 (productsfeed.xml)

<products>
    <product id="prod1" name="iMac" price="2000" vendor="Apple">
        <stock>10</stock>
    </product>
    <product id="prod2" name="iPad" price="500" vendor="Apple">
        <stock>50</stock>
    </product>
    <product id="prod3" name="Galaxy S3" price="500" vendor="Samsung">
        <stock>100</stock>
    </product>
</products>

ajax 呼び出しと製品のドロップダウンを含む HTML の例。

<!DOCTYPE HTML>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>
        $(document).ready(function(){
            $.ajax({
                url: 'http://myhost.com/webservice', // Url to the webservice or feed
                // Here goes all the "shenanigans" regarding the web service, like
                // request type, headers to send, etc..
                success: function(xml) {
                    $(xml).find('product').each(function(){
                        var id     = $(this).attr('id');
                        var name   = $(this).attr('name');
                        var price  = $(this).attr('price');
                        var vendor = $(this).attr('vendor');
                        var stock  = $(this).find('stock').text();

                        var $selectItem = $('<option></option>');
                        $selectItem.attr('value', id);
                        $selectItem.attr('data-id', id);
                        $selectItem.attr('data-price', price);
                        $selectItem.attr('data-vendor', vendor);
                        $selectItem.attr('data-stock', stock);
                        $selectItem.html(name);

                        $selectItem.appendTo('#plist');
                    });

                }
            });
        });
        </script>
    </head>
    <body>
        <div><span>Product List</span></div>
        <div id="plist-wrapper">
            <select id="plist">

            </select>
        </div>
    </body>
</html>

今はPHPで

Web サービスの場合は、cURL を使用できます

$url = 'http://myhost.com/webservice';

// HTTP Headers to send to the webservice
// specific to the webservice you're consuming
$headers = array();

$ch = curl_init();

// curl_setopt to set the options
// see http://www.php.net/manual/en/function.curl-setopt.php
curl_setopt($ch, CURLOPT_URL, $url);

//headers if needed
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);

// Send the request and check the response
if (($result = curl_exec($ch)) === FALSE) {
    echo 'Failed with' . curl_error($ch) . '<br />';
} else {
    echo "Success!<br />\n";
}
curl_close($ch);

Web サービス (xml ファイルのみ) でない場合は、file_get_contents を使用できます。

$result = file_get_contents('http://myhost.com/productsfeed.xml');

xml を解析してドロップダウン選択メニューを表示するには

$xml = new DOMDocument();
$xml->loadXML($result);

$html = new DOMDocument();
$htmlSource = 
'<html>
    <head></head>
    <body>
        <div><span>Product List</span></div>
        <div id="plist-wrapper">
            <select id="plist"></select>
        </div>
    </body>
</html>';

$html->loadHTML($htmlSource);
$selectList = $html->getElementsByTagName('select')->item(0);
$optionItem = $html->createElement('option');

$prodNodeList = $xml->getElementsByTagName('product');

foreach ($prodNodeList as $prodNode) {
    $id     = $prodNode->getAttribute('id');
    $name   = $prodNode->getAttribute('name');
    $price  = $prodNode->getAttribute('price');
    $vendor = $prodNode->getAttribute('vendor');

    $option = clone $optionItem;
    $option->setAttribute('value', $id);
    $option->setAttribute('data-id', $id);
    $option->setAttribute('data-price', $price);
    $option->setAttribute('data-vendor', $vendor);
    $option->nodeValue = $name;
    $selectList->appendChild($option);
}

print $html->saveHTML();
于 2012-11-17T18:40:11.753 に答える