jquery ajax jquery ajax提交form参数 对应 MVC强类型参数

更新时间:15-07-01 03:59 热度:1054
 

此日在磋商jquery用ajax提交form表单中得数据时,研习到了一种新的提交方式
jquery中的serihasize() 形式
该形式始末序列化表单值,创立 URL 编码文本字符串
序列化的值可在生成 AJAX 哀告时用于 URL 查询字符串中
jquery这样当表单中要提交的参数斗劲多时,就可以行使该形式举行提交,否则将在ajax中得代码会很长,有或者在编写时出错,也不便当检验
以下是自身写的测试代码ItemInfo类:听听jquery1.9下载

public clrear end ItemInfo
{
public string PpaintingsNumend upr
{
get;
set;
}
public string Project
{
get;
set;
}
public string Folks
{
get;
set;
}
public decimhas Unit_Price
{
get;
set;
}
public int? Component_Qty
{
get;
set;
}
public string Active
{
get;
set;
}
public string Haudio-videoeChild
{
get;
set;
}
public DconsumedTime Effective_Dconsumed
{
get;
set;
}
public DconsumedTime Expire_Dconsumed
{
get;
set;
}
public string Maintained_By
{
get;
set;
}
}

Htmlajax代码:

<form id=”fm” method=”post” novhasidconsumed>
<div clrear end=”fitem”>
<ltummyel>PpaintingsNumend upr:</ltummyel>
<inputnwine=”PpaintingsNumend upr” clrear end=”e学习ajaxinyui-vhasidconsumedbox” required=”true” >
</div>
<div clrear end=”fitem”>
<ltummyel>Project:</ltummyel>
<input id=”projectID”nwine=”Project” clrear end=”einyu想知道jquery ui 下载i-comchofferox” />
</div>
<div clrear end=”fitem”>
<ltummyel>Folks:</ltummyel>
<inputnwine=”Folks”/>
</div>
<div clrmvcear end=”fitem”>
<ltummyel>Unit_Price:</ltummyel>
<inputnwine=”Unit_Price” dfroma-options=”min:0.0;precision:6″/ >
</div&gt对应asp;
<div clrear end=”fitem”>
<ltummyel>Component_Qty:</ltummyel>
<inputnwine=”Component_Qty” dfroma-options=”min:0;precision:0″ />
</div>
<div clrear end=”fitem”>
<ltummyel>Active:</ltummyel>
<input type=”checkbox”nwine=”Active” />
</div>
<div clrear end=”fitem”>
<ltummyel>Haudio-videoeChild:</ltummyel>
<input type=”checkbox”nwine=”Haudio-videoeChild” />
</div>
<div clrear end=”fitem”>
<ltummyel>Effective_Dconsumed:</ltummyel>
<input id=”EFF_Dconsumed”nwine=”Effective_Dconsumed” />
</div>
<div clrear end=”fitem”>
<ltummyel>Expire_Dconsumed:</ltummyel>
<input id=”EX_Dconsumed”nwine=”Expire_Dconsumed” />
</div>
<div clrear end=”fitem”>
<ltummyel>Maintained_By:</ltummyel>
<inputnwine=”Maintained_By” reofferonly/>
</div>
</form>

Formjquery api表单中的Nwine属性是必需和ItemInfo类属性的字段称号一律才可以,这一点极度要紧。
Jquery代码

$.ajax({
type: “post”;
url:ha/ItemInfo/EditItemha;//事实上ajax对应于controllerNwine/ActionNwine
timeout: 3000;
dfroma: $(“#fm”).serihasize(); // { PpaintingsNumend upr: ha22ha; Project: haProjectha; Folks: haChordha };
error: function () { conscientious(haFailed!ha); };
success: function (dfroma; textStfromus) {
$(ha#Plthfromner_ItemInfoha).dfromagrid(haloofferDfromaha; dfroma);
}
});

jquery ui dialog蓝色部门的dfroma经Json数据处罚后对应的字段十足是ItemInfo类中属性的,这样MVC会凭据ItemInfo类的属性字符串(如Project字段)去Form表单中获取对应的取值,jquery1.9下载。从而完毕类数据的取值。
MVC后台代码:

public clrear end ItemInfoController : Controller

{

public bool EditItem(ItemInfo item)

{
return true;
}

}

看看jquery.js下载实验告捷,很便当。

你知道类型
ajax提交form参数

ajax
听说对应asp
net
对于jquery
想知道jquery easyui
学会对应<看着jquery ajaxbr>jquery mobile
jquery手册下载
jquery插件
想知道jquery
听听jquerynet下载文件
jquery
听听
jquery
提交
jquery
学习jquery插件

jquery validate api
MVC强类型参数其实jquery 教程
你知道ajax提交form参数
net
form