javascript - 在 Ajax jQuery/Javascript 中使用参数

Question

我正在尝试使用 jQuery。为了使用innerHTML更新特定的TD，我试图弄清楚如何捕获参数的值。

在此示例中，我需要捕获用户 ID“1234”，以便我可以使用 ID“status1234”更新 TD。

我对javascript不太熟悉，希望有人能给我提示。

$(function() {
  $('.ajax-link').click(function() {
    $.get($(this).attr('href'), function(msg) {
      alert("Data Saved: " + msg);
      $("#status" & user).html("some content");
    });
    return false;
  });
});

// TD with Link:

<td id="status1234">
  <a href="/ajax_test.cfm?user=1234" class="ajax-link">Do the Ajax</a>
</td>

谢谢!

Answer 1

你可以这样做

       $(function() {
  $('.ajax-link').click(function() {
  var user=$(this).data('user');
    $.get("/"+$(this).data('url')+"/user="+user, function(msg) {
      alert("Data Saved: " + msg);
      $("#status" + user).html("some content");
    });
  
  });
   });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td id="status1234">
      <a data-url="ajax_test.cfm" data-user="1234" class="ajax-link">Do the Ajax</a>
    </td>