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

【问题标题】：How to pass values of a form to the sever with Ajax and Jquery?如何使用 Ajax 和 Jquery 将表单的值传递给服务器？
【发布时间】：2009-11-25 14:36:14
【问题描述】：

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

【问题讨论】：

【解决方案1】：

您可以使用serialize 方法：

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

【讨论】：

【解决方案2】：

您始终可以使用 3rd 方 jQuery 插件。 jQuery Form 是我熟悉并且过去使用过的一种。

【讨论】：

【解决方案3】：

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

代码示例类似于：

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

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

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

【讨论】：

【解决方案4】：

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

【讨论】：