如何使用ajax调用将表单集合传递给操作？
如何使用ajax调用将表单集合传递给操作？
提问于 2013-07-23 04:43:33
我正在尝试用ajax调用替换表单提交。操作需要want集合，而我不想创建新的Model。所以我需要传递整个表单(就像表单提交一样)，但是要通过ajax调用。我试图序列化并使用Json，但是formcollection是空的。这是我的动作签名：
public ActionResult CompleteRegisteration(FormCollection formCollection)这是我的提交按钮点击：
var form = $("#onlineform").serialize();
$.ajax({
url: "/Register/CompleteRegisteration",
datatype: 'json',
data: JSON.stringify(form),
contentType: "application/json; charset=utf-8",
success: function (data) {
if (data.result == "Error") {
alert(data.message);
}
}
});现在，我如何将数据传递到formcollection？
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-07-23 04:57:59
因为FormCollection是许多键-值对，所以不适合用它来表示。您应该只使用序列化的表单字符串：
var form = $("#onlineform").serialize();
$.ajax({
type: 'POST',
url: "/Register/CompleteRegisteration",
data: form,
dataType: 'json',
success: function (data) {
if (data.result == "Error") {
alert(data.message);
}
}
});主要变化：
设置为POST的请求的
- type (这里不是必需的，但似乎更多的是natural)
- Serialized形式而不是JSON字符串，因为删除了请求data
- contentType -我们不再发送JSON
Stack Overflow用户
发布于 2013-07-23 04:54:41
尝试：
$(<your form>).on('submit',function(){
$.ajax({
url: "/Register/CompleteRegisteration" + $(this).serialize(),
// place the serialized inputs in the ajax call
datatype: 'json',
contentType: "application/json; charset=utf-8",
success: function (data) {
if (data.result == "Error") {
alert(data.message);
}
}
});
});Stack Overflow用户
发布于 2016-03-30 18:39:30
如果有人想要向FormCollection传递额外的数据，您可以尝试下面的方法。
<script type="text/javascript">
function SubmitInfo()
{
var id = $("#txtid").val();
var formData = $('#yourformname').serializeObject();
$.extend(formData, { 'User': id }); //Send Additional data
$.ajax({
url: 'Controlle/GetUser',
cache: false,
type: 'POST',
dataType: 'json',
data: decodeURIComponent($.param(formData)),
success: function (data) {
$('#resultarea').html(data);
},
error: function (jqXHR, textStatus, errorThrown) {
alert("AJAX error: " + textStatus + ' : ' + errorThrown);
}
});
}
$.fn.serializeObject = function () {
var o = {};
var a = this.serializeArray();
$.each(a, function () {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
<script/>动作方法
public ActionResult GetUser(FormCollection frm)
{
int UserId = Convert.ToInt32(frm["user"]);
// your code
return Json(data, JsonRequestBehavior.AllowGet);
}Refer link获取更多详细信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17797053
复制相关文章
相似问题
腾讯云开发者
