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

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

这日在接洽jquery用ajax提交form表单中得数据时,练习到了一种新的提交方式
jquery中的seriingize() MVC强类型参数手法
该手法经由过程序列化表单值,创设 URL 编码文本字符串
序列化的值可在生成 AJAX 央求时用于 URL 查询字符串中
这样当表单中要提交的参数对照多时,就可以应用该手法举办提交,否则将在ajax中得代码会很长,有可以或许在编写时出错,也不便利查抄
以下是自身写的测试代码ItemInfo听听net类:

public clbum ItemInfo
{
public string PgrearoundNumdevelop intor
{
get;
set;
}
public string Project
{
get;
set;
}
public string Folks
{
get;
set;
}
public deciming Unit_Price
{
get;
set;
}
public int? Component_Qty
{
get;
set;
}
public string Active
{
get;
set;
}
public string Haudio-videoeChild
{
get;
set;
}
public DingestedTime Effective_Dingested
{
get;
set;
}
public DingestedTime Expire_Dingested
{
get;
set;
}
public string Maintained_By
{
get;
set;
}
}

Htmljquery ui tabs代码:

<form id=”fm” method=”post” novingidingested>
<div clbum=”fitem”>
<labdominingel>PgrearoundNumdevelop intor:</labdominingel>听说asp
<inputniwime=”PgrearoundNumdeve相比看提交lop intor” clbum=”eonceyui-vingidingestedbox” required=”true” >
</div>
<div clbum=”fitem”>
<labdominingel>Project:&看看ajaxlt;/labdominingel>
<input id=”proj相比看ajax提交form参数ectID”niwime=”Project” clbum=”eonceyui-comjoeox” />
</div>
<div clbum=”fitem”>
<labdominingel>Folks:</labdominingel>
<inputniwime=”Folks”/>
jquery 1.9 中文api</div>
<div clbum=”fitem”><labdominingel>Unit_Price:</labdominingenetl>
<inputniwime=”Unit_Price” darounda-options=”min:0.0precision:6″/ >jquery
</div>
<div clbum=”fitem”>
<labdominingel>Component_Qty:</labdominingel>
<inputniwime=”Component_Qty” darounda-options=”min:0precision:0″ />
</div>
<div clbum=”fitem”>
<labdominingel>Active:</labdominingel>
<input type=”checkbox”niwime=”Active” />
</div>
<div clbum=”fitem”>
<labdominingel>Haudio-videoeChild:</labdominingel>
<input type=”checkbox”niwime=”Haudio-videoeChild” />
</div>
<div clbum=”fitem”>
<labdominingel>Effective_Dingested:</labdominingel>
<input id=”EFF_Dingested”niwime=”Effective_Dingested” />
</div>
<div clbum=”fitem”>
<labdominingel>Expire_Dingested:</labdominingel>
<input id=”EX_Dingested”niwime=”Expire_Dingested” />
</div>
<div clbum=”fitem”>
<labdominingel>Maintained_By:</labdominingel>
<inputniwime=”Maintained_By” recl postonly/>
</div>
</form>

Formnet表单中的Niwime属性是必需和ItemInfo类属性的字段称号划一才可以,这一点极度严重。
Jquery代码

$.ajax({
type: “post”
url:wi/ItemInfo/EditItemwi//学会参数对应于controllerNiwime/ActionNiwime
timeout: 3000
darounda: $(“#fm”).seriingize() // { PgrearoundNumdevelop intor: wi22wi Project: wiProjectwi Folks: wiChordwi }
error: function () { warning(wiFailed!wi); }
success: function (darounda textStaroundus) {
$(wi#Plthe goodner_ItemInfowi).daroundagrid(wilocl postDaroundawi darounda);
}
});

其实jquery ui框架蓝色局限的darounda经Json数据收拾后对应的字段通盘是ItemInfo类中属性的,这样MVC会凭据ItemInfo类的属性字符串(如Project字段)去Form表单中获取对应的取值,从而杀青类数据的取值。
MVC我不知道ajax后台代码:

public clbum ItemInfoController : Controller

{

public bool EditItem(ItemInfo item)

{
return true;
}

}

你看form实验乐成,很便利。

jquery
MVC强类型参数
jquery ui dialog
mvc
事实上对应asp
你看jquery ui 中文手册
jquery ajax
看着jquery
参数
你知道jquer学习ajaxy
jquery
jquery ui
ajax提交formjquery参数
学会jquery mobile 下载
jquery插件
对比一下对应asp
你知道ajax
jquery ui框架
事实上类型
想知道jquery下载文件
jquery手册下载
jquery ui 中文手册
jquery mobile 下载