javascript - 添加 $ ('input[name="searchsongaddmore[ ]"]' ) 会导致 AJAX 中断

Question

我有一个表单，当我像这样调用它时，它工作正常并且 AJAX 触发，我可以返回数据并发出警报。

有效的jquery

$(".loginFormAddMoreSetlist").submit(function () {
var id = $(this).attr('id');
    $.ajax({
        type: "POST",
        url: "../includes/addmoresetlist.php?",
        data:({id: id}),
        success: function(data) {
            alert(data);
        }
    });
});

出于某种原因，当我通过添加 var searchsongaddmore = $('input[name="searchsongaddmore[]"]'); 来更改它时，它会破坏 AJAX，并且实际上会转到 addmoresetlist。 php 文件

jquery 不起作用

$(".loginFormAddMoreSetlist").submit(function () {
var id = $(this).attr('id');
var searchsongaddmore = $('input[name="searchsongaddmore[]"]');
    $.ajax({
        type: "POST",
        url: "../includes/addmoresetlist.php?",
        data:({id: id, searchsongaddmore: searchsongaddmore}),
        success: function(data) {
            alert(data);
        }
    });
});

HTML

此表单允许用户根据需要添加更多字段，以便它从中获取一个数组。看起来像这样

<form class="loginFormAddMoreSetlist" id="<?=$row1[0]?>" action="../includes/addmoresetlist.php">
<div class="row">
    <div class="form-group form-group-options col-xs-11 col-sm-8 col-md-7">
        <div class="input-group input-group-option col-xs-12" id="searchsongcontainer">
            <input class="form-control searchsong" name="searchsongaddmore[]" id="searchsongaddmore" type="text" placeholder="Type Something" />
            <input class="form-control searchsonghidden" name="searchsonghidden[]" id="searchsonghidden" type="hidden" />
            <span class="input-group-addon input-group-addon-remove">
                <span class="fa fa-remove fa-sm"></span>
            </span>
        </div>
    </div>
</div>
<div class="form-group">
<button class="btn btn-info" type="submit">Update</button>
</div>
</form>

Answer 1

您可能正在尝试访问您的<input />值(value)。使用 .val() 尝试以下操作

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