Ajax:成功时替换字符串 - Ajax: on success replace string

Ajax: on success replace string

本文关键字：替换字符串成功 Ajax | 更新日期: 2023-09-27

我有一个Ajax函数，它可以在单击时更新一些数据。我将变量作为函数参数发送到邮件中。另一方面，我解析一个变量数组，并对每个变量应用函数。这是我的代码：

function vote(user, picture){
  var data = {
    "user": user,
    "picture": picture
  };
  var url = 'vote_up.php';
  $.ajax({
    type: 'POST',
    url: url,
    data: data,
    async: true,
    dataType: 'json',
    success: function(response) {
      $('a#voteaza').replaceWith('<span style="color:#abb4c9; font-size: 15px;"> </span>');
      $('#changeNumber').html(parseInt($('#changeNumber').html(), 10)+1);
    }
  });
}

和PHP：

foreach($photos['data'] as $photo) {
  $a = end(explode( '/',$photo['source']));
  <a href="#" id="voteaza" name = "<?php echo $a; ?>" style="color:#abb4c9; font-size: 15px; font-weight: bold; " onclick="vote('<?php echo $user ?>', '<?php echo $a ?>');">Voteaza</a> <br /> <span style="color:#abb4c9; font-size: 13px;" id="changeNumber"> <?php echo no_votes($a); ?> Voturi </span>

问题是，一旦成功，jquery

$('a#voteaza').replaceWith('<span style="color:#abb4c9; font-size: 15px;"> Vote! </span>');
$('#changeNumber').html(parseInt($('#changeNumber').html(), 10)+1);

将所有"voteaza"id替换为"Vote"字符串，并递增所有"changenumber"id字段。但是我希望success函数只针对当前Ajax更新的<a name元素执行。

知道怎么做吗？

谢谢！

您的ID在页面中应该是唯一的。你不能在页面中两次给出相同的ID：你可以看到你在foreach中调用ID，所有ID都有相同的值。

试试这个，我不确定这个是否有效。你可以这样做。

vote(this,'<?php echo $user ?>', '<?php echo $a ?>')
function vote(test,user, picture){
$(test).replaceWith('<span style="color:#abb4c9; font-size: 15px;"> Vote! </span>');