jQuery包含表单元素提交

Question

从头开始对Joomla组件进行重新配置。我试图在我的组件中加入AJAX搜索功能。到目前为止，我有这个：

$(document).ready(function() { 

    $('form').submit(function() { 
     var results = $('form').serialize(); 
     var url = 'index.php?option=com_mls&task=ListData&format=raw&' + results; 
     $('#test').html(url); 
    }); 
}); 

这只是需要转储表单元素的值到一个div。现在，它将显示文本字符串，但不是results var。

Answer 1

您正在使用$('form').serailize()，所以如果您的表单输入元素没有附加任何名称属性 - 哪一个序列化将把它变成密钥..然后，当您序列化表单时，您将不会得到任何东西。

此外，由于你的表单提交函数中..它可能会更好地使用$(this).serialize() - 这样，如果你有一个页面上的多个表单 - 它会知道是越来越提交了形式和序列化的正确形式。