javascript - 变量未传递给 Ajax 调用 : undefined variable

Question

我从原始OP中编辑了这个问题，以更好地代表我的问题。

如何使用 AJAX 传递变量 data-uid ？

现在变量没有被传递。

var uid = $(this).data("uid"); 不起作用 = 未定义

var uid = '199'; 被传递。有效。

是否可以有类似的东西:var uid = $uid;？

HTML

 <form>
  <fieldset>
  <textarea id="post_form" type="text" data-uid="<?php echo $uid ?>"/></textarea>
  <button type="submit" id="add" value="Update" name="submit" />OK</button>
  </fieldset>
 </form>

JS

$(function() {
$("#add").click(function() {
    var boxval = $("#post_form").val();
    var uid = $(this).data("uid");  // this needs to be changed
    var dataString = 'post_form=' + boxval + '&uid=' + uid;
    if (boxval == '') {
        return false;
    } else {
        $.ajax({
            type: "POST",

        $.ajax({
            type: "POST",
            url: "add.php",
            data: dataString,
            cache: false,

            success: function(html) {
            parent.html(html);
            }
        });
        return false;
    });
});

Answer 1

代码中的问题:

var uid = $(this).data("uid");

您正在尝试换行 this进入 jquery 对象，但在此上下文中它是按钮对象，那么您试图从中获取未分配的内容

你应该使用:

var uid = $('#post_form').attr('data-uid');

或者，您可以添加<input type="hidden" name=... value=...并从中获取 id，这是更通用的方式