如何使用Ajax和Jquery将表单的值传递给服务器？

Question

如何使用Ajax和Jquery将表单中输入元素的所有值发送到服务器？输入元素是动态生成的，因此Ajax帖子中的输入名称列表很麻烦。那么有一种优雅的方式吗？

Answer 1

昨天我遇到了这个问题。我解决它的方法是遍历$（'input.postValue'）并将它们附加到jquery中的post对象。

代码示例类似于：

$('input.postValue').each(function() {
    queryString += "&" this.id + "=" + $(this).val();
});

显示了一个queryString构建器，因为那是我使用的。

编辑： 我应该提一下，我使用它是因为ASP.Net和jquery.form不能很好地协同工作。

Answer 2

您可以使用serialize方法：

$.ajax({
    url: 'someurl',
    data: $('#formId').serialize(),
    success: function(result) {
        // ...
    }
});

Answer 3

您可以随时使用第三方jQuery插件。 jQuery Form是我熟悉并过去使用过的。

Answer 4

你必须从输入元素中收集值并将它们构建到ajax脚本的请求URL中...使用$（'mytext'）。value来获取值..并将其添加到url ..例如var url ='http://www.domain.com/ajax.php?name='+ $（'mytext'）。value