php - php foreach 循环中的 Ajax 调用

Question

我是 ajax 新手，我正在尝试在我的 wordpress 项目中实现它。

ajax 调用工作正常，但问题是 ajax 结果仅显示 foreach 循环中的第一项。我想我在 jQuery 函数中缺少迭代或 $.each 循环？

我不知道...

这是我到目前为止得到的:

我的 WordPress 循环:

{foreach $posts as $item}
{first}<ul class="items">{/first}
<li class="item">
    [....]
        <div class="price__tag">
            <input type="hidden" id="price" value="FRA8" />
            <div id="test-div"></div>
        </div>
    [....]
</li>
{last}</ul>{/last}
{/foreach}

我的 jQuery ajax 函数:

jQuery(document).ready(function() {
var price= jQuery("#price").val();

    jQuery.ajax({
        type: 'POST',
        url: 'http://DOMAIN.COM/wp-admin/admin-ajax.php',
        data: {
            action: 'myAjax',
            greeting: price,
        },
        success: function(data, textStatus, XMLHttpRequest){
            jQuery("#test-div").html('');
            jQuery("#test-div").append(data);
        },
        error: function(MLHttpRequest, textStatus, errorThrown){
            alert(errorThrown);
        }
    });
});

一些背景信息 - 结果来自 SOAP API 请求，并发布在 wordpress 循环中显示的特定产品的价格。

我希望您确实理解我的问题。

非常感谢对此的任何帮助!

编辑 为了完整起见，我还添加了 wordpress 函数:

function add_myscript(){
    wp_enqueue_script( 'myajax.js', get_bloginfo('template_directory') . "/Templates/content/myajax.js", array( 'jquery' ) );
}
add_action( 'init', 'add_myscript' );
function myAjax(){

[…SOAP CLIENT…]

        $result = $soapClient->CarParkAvailRate($parameters);
        $error = $result->Warnings->Code;
        if ($error == '100'){
            $results = "not avail!";
        }
        else {
            $results = $result->CarParks->CarParkRS->PriceCarPark->TotalPrice;
        }
    // Return String
    die($results);
}
catch(SoapFault $fault){
$fault->getMessage();
}
}

// create custom Ajax call for WordPress
add_action( 'wp_ajax_nopriv_myAjax', 'myAjax' );
add_action( 'wp_ajax_myAjax', 'myAjax' );

Answer 1

元素的“id”值必须是唯一的。列表中的每一项都有 <div> “id”为“test-div”的元素。

循环的每次迭代都会重复这两个元素:

<input type="hidden" id="price" value="FRA8" />
<div id="test-div"></div>

您需要它们为每次迭代提供唯一的 id 值。