jquery - 将文本输入值发送到ajax

Question

我有一个功能性 AJAX 帖子，效果很好。我的客户要求一个额外的文本输入字段，但无论如何我都无法得到它。该脚本很长，所以我会给您相关的部分，希望这是语法问题。

我输入的 HTML:

<input type="text" name="why" id="why" maxlength="70">

Javascript 调用

$(document).on("click", ".take-claim-link", function(){
var id= $(this).attr('data-id');    
var point= $(this).attr('data-point');
var val= $(this).attr('data-val');  
var type = $(this).attr('data-type');
var why = $("#why").val();

var follow = document.getElementById("follow-" + id + "-"+ type);
var followuser='0';
if (follow.checked) {
    var followuser = "1";
}


var takeurl = '/api/responseClaim.json';
var newPrice ='';   

var newData = $.ajax({ 
    type: "POST",
    url: takeurl,
    dataType: "json",
    data: { point: point, claimId: id, type: val,why: why,follow: followuser }
    })
(etc).

它不会返回任何“为什么”。

有趣的是:如果我将变量更改为 var why = 'sample why';它过去了。同样，如果我将输入更改为 <input type="text" name="why" id="why" maxlength="70" value="some value">它会读它。所以我认为问题在于我定义它的方式。

但是什么？我也尝试过var why = $("input#why").val();和document.getElementById("why").value;

Answer 1

您的 HTML 代码中可能存在另一个具有相同 id="why" 的元素。所以尝试去寻找它。或者将上面输入的 id 更改为其他内容。

您可以选择尝试通过以下方式获取该输入值:

var why = $('input[name="why"]').val();

希望有帮助。