如何通过ajax更改元素中的文本？

Question

我有一个下载按钮，点击后应该会更改元素跨度的文本，但我在 ajax 部分有问题

点击后会显示一个小按钮，文字不会改变

这是我的html

//somecode
    <span class="num">Downloaded:<?php echo $downloadcount;?></span>
     </td></tr>
     </table>
     </div>
<button type = "button" class="button" id="<?php echo $id; ?>" name="dl">
    <a href='./mp3/<?php echo basename($filename);?>'>Download</a>
</button>
         </td>
     </tr>
    </table>

这是我的 ajax：

    $(function() {
        $(".button").click(function() 
        {
        var id = $(this).attr("id");
        var name = $(this).attr("name");
        var dataString = 'id='+ id ;
        var parent = $(this);
        if(name=='dl')
        {
        $(this).fadeIn(200).html('<img src="dot.gif" align="absmiddle">');
        $.ajax({
           type: "POST",
           url: "download_number.php",
           data: dataString,
           cache: false,

           success: function(html)
           {
//THE PROBLEM IS HERE
            $(".num").text(html);

          }  });

        }
        });
        });

我也试过$(".num").html(html);

Answer 1

您不应该在<button> 中添加<a> - 链接将胜过按钮操作 [see fiddle]。

除此之外，您的代码似乎是正确的。

Answer 2

把数据串改成这个

var dataString = "{'id'="+ id+"}" ;  

并添加datatpe json...这样做可能会起作用....只是猜测

datatype:'json', 
  success: function(html)
               {
               alert(html);
               // First see...what u r getting in response and then move forward

              }