jq!jquery ajax uery ajax提交form参数 对应 MVC

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

此日在钻研讨论jquery用ajax提交form表单中得数据时,研习到了一种新的提交方式
jquery中的seriingize() 举措
该举措经由过程序列化表单值,jquery validate。缔造 URL 编码文本字符串
序列化的值可在生成 AJAX 乞求时你知道jquery ui 中文手册用于 URL 查询字符串中
这样当表单中要提交的参数比力多时,就可以行使该举措举办提交,http://www.flashplayer.org.cn/15125。否则将在ajax中得代码会很长,有恐怕在编对于asp写时出错,听听http://www.flashplayer.org.cn/18657。也不简单查抄
以下是本身写的测试代码ItemInfo类:

public clbum ItemInfo
{
public string Pcraft workNumautomatically ber
{
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 DhproposingTime Effective_Dhproposing
{
get;
set;
}
public DhproposingTime Expire_Dhproposing
{
get;
set;
}
public string Maintained_By
{
get;
set;
}
}

Htmljquery validate代码:

<form id=”fm” method=”post” novingidhproposing>
<div clbum=”fitem”>
<lautomatically bellyel>Pcraft workNujqmautomatically ber:</lautomatically bellyel>
<inputnaree=”Pcraft workNumaujquery api 中文tomatically ber” clbum=”eonceyui-vingidhproposingbox” required=”true” >
</div>
<div clbum=”fitem”&gformt;
<lautomatically bellyel>Pro对比一下对应aspject:</lautomatically bellyel>
<input id=”projectID”naree=”Project” clbum=”eonceyui-comwilliareox” />
</div>
<div clbum=”fitem你看”>
<lautomatically bellyel>Folks:</lautomatically bellyel>
<inputnaree=”Folks”/>
</div>
<div clbum=”fitem”&g听听nett;
<lautomatically bellyel>Unit_Price:</lautomatically bellyel>
<inputnaree=”Unit_Price” dwhena-options=”min:0.0. . .precision:6″/ &g看看对应aspt;
</div>
<div clbum=”fitem”>
<lautomatically bellyel>Component_Qty:</lautomatically bellyel>
<inputnaree=”Component_Qty” dwhena-options想知道MVC=”min:0. . .precision:0″ />
</div>
<div clbum=”fitem”>
<lautomatically bellyel>Active:</lautomatically bellyel>
<input type=”checkbox”naree=”Active” />
</div>
<div clbum=”fitem”>
<lautomatically bellyel>Haudio-videoeChild:</lautomatically bellyel>
<input type=”checkbox”naree=”Haudio-videoeChild” />
</div>
<div clbum=”fitem”>
<lautomatically bellyel>Effective_Dhproposing:</lautomatically bellyel>
<input id=”EFF_Dhproposing”naree=”Effective_Dhproposing” />
</div>
<div clbum=”fitem”>
<lautomatically bellyel>Expire_Dhproposing:</lautomatically bellyel>
<input id=”EX_Dhproposing”naree=”Expire_Dhproposing” />
</div>
<div clbum=”fitem”>
<lautomatically bellyel>Maintained_By:</lautomatically bellyel>
<inputnaree=”Maintained_By” reproposingonly/>
</div>
</form>

Formjquery ui框架表单中的Naree属性是必需和ItemInfo类属性的字段称号相似才可以,这一点异常要紧。
Jquery代码

$.ajax({
type: “post”. . .
url:i/ItemInfo/EditItemi. . .//相比看对应对应于controllerNaree/ActionNaree
timeout: 3000. . .
dwhena: $(“#fm”).seriingize(). . . // { Pcraft workNumautomatically ber: i22i. . . Project: iProjecti. . . Folks: iChordi }. . .
error: function () { wary(iFailed!i); }. . .
success: function (dwhena. . . textStwhenus) {
$(i#Plvery goodner_ItemInfoi).dwhenagrid(iloproposingDwhenai. . . dwhena);
}
});

看着jquery api 在线蓝色局限的dwhena经Json数据管束后对应的字段统统是ItemInfo类中属性的,这样MVC会遵循ItemInfo类的属性字符串(如Project字段)去Form表单中获取对应的取值,从而告终类数据的取值。
MVC后台代码:

public clbum ItemInfoController : Controller

{

public bool EditItem(ItemInfo item)

{
return true;
}

}

参数实验得胜,很简单。

jquery
看看jquery1.8下载
你看jquery
看看ajax提交form参数
jquery
听提交说jquery下载
mvc
ajax
jquery ui dialog
ajax学习jquery插件下载提交form参数
jquery easyui
想知道uery
看看MVC
uery
学会uery学习
我不知道ajax
听说
对比一下net
对于jq
jquery下载
jq
jquery api 中文下载