使用Javascript更新a<;李></李>;从PHP发送的一些数据?

使用Javascript更新a<;李></李>;从PHP发送的一些数据?,javascript,php,jquery,ajax,tabs,Javascript,Php,Jquery,Ajax,Tabs,我有一些带有名字的Jquery选项卡。 (即:苹果、橘子、梨) 我想更新这些标题,比如 |苹果(2)|橙|梨(4)| 或者基于php页面返回的数据的其他内容(比如,numbers.php) 所以, Jquery请求numbers.php numbers.php返回 苹果:2 梨:4 我如何拥有JS,然后使用该数据动态更新Jquery选项卡“titles”和返回的数据 然后,如果我重新运行该函数,它会一次又一次地询问numbers.php,根据php返回的内容更新选项卡标题 而且,名字可能会改变。

我有一些带有名字的Jquery选项卡。 (即:苹果、橘子、梨)

我想更新这些标题,比如

|苹果(2)|橙|梨(4)|

或者基于php页面返回的数据的其他内容(比如,numbers.php)

所以, Jquery请求numbers.php numbers.php返回 苹果:2 梨:4

我如何拥有JS,然后使用该数据动态更新Jquery选项卡“titles”和返回的数据

然后,如果我重新运行该函数,它会一次又一次地询问numbers.php,根据php返回的内容更新选项卡标题

而且,名字可能会改变。。所以下一次运行时,苹果可能不存在,但梨可能会读到5。。 在这种情况下,苹果应该改名为“苹果”

任何帮助都是最好的。 (希望我说清楚了?)

[更新] 我试过下面的答案,但没有成功

LI在控制台中显示如下:

<li id="tab-tabtestuser" class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="newtab-tabtestuser" aria-labelledby="ui-id-5" aria-selected="true"><a href="#newtab-tabtestuser" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-5">tabtestuser <span class="count"></span></a><span class="ui-icon ui-icon-close" role="presentation">Remove Tab</span></li>
  • 删除选项卡

  • 如果以有意义的格式(如JSON)从
    numbers.php
    返回数据,则可以更轻松地处理数据并用Javascript更新选项卡。这是一个基本的例子,你想做什么,你可能会想改进它

    numbers.php
    Javascript: HTML:
    
    

    您能和我们分享一下您的尝试吗?您想做什么很清楚,但为什么不去做却不清楚。你们被困在哪里了?嗨,伙计们,我遵循下面的例子。而且它似乎不起作用。有什么想法吗?一切正常,下面的答案是100%,非常感谢!,我将更改numbers.php以使用json,并查看它是否有效。Doh,似乎不起作用,请参阅上面的我的更新:(
    {
        apple: 5,
        orange: 3,
        pear: 2
    }
    
    $.getJSON( "numbers.php", function( data ) {
    
        $.each( data, function( key, val ) {
    
            $('#tab-' + key).find('span.count').text(val);
    
            if (val == 0) {
                $('#tab-' + key).hide();
            };
    
        });
    
    });
    
    <div id="tabs">
        <ul>
            <li id="tab-apple"><a href="#tabs-apple">Apple <span class="count"></span></a></li>
            <li id="tab-orange"><a href="#tabs-orange">Orange <span class="count"></span></a></li>
            <li id="tab-pear"><a href="#tabs-pear">Pear <span class="count"></span></a></li>
        </ul>
        <div id="tabs-apple"></div>
        <div id="tabs-orange"></div>
        <div id="tabs-pear"></div>
    </div>