使用Jquery提交Json格式的数据到Asp.net程序的另类做法.
一般我们使用Jquery提交数据到Asp.net程序都有两种方法,今天我再介绍一种方法.以下是详细描述:
1)使用Get请求的方式,将参数接在请求Url的后面.例如:
获取参数的方法:在Asp.net中可以使用Request.QueryString["q"]来获取参数.
2)使用Jquery的Form.js插件中的ajaxForm方法或者
自己提交之前构造一个Form在使用ajaxForm提交数据.例如:
$(document).ready(
function
(){
//
简单模式
$(
"
#btnSubmit1
"
).click(
function
() {
$(
"
#form1
"
).ajaxForm();
});
//
复杂模式
$(
"
#btnSubmit1
"
).click(
function
() {
var
options
=
{
method:
'
POST
'
,
url:
'
ajaxSP.aspx
'
,
after:
function
(response) {
alert(response.id);
}
};
$(
"
(
"
#form1
"
).ajaxForm(options);
});
});
获取参数的方法:在Asp.net中可以使用Request["q"]来获取参数.
3)那今天我想说一下第三种做法.
就是结合jQuery+Json+Asp.net并且利用Newtonsoft.Json.Net20.dll来进行Json数据的双向转换.
jQuery代码:
$.ajax({
url:
"
AjaxSP.aspx
"
,
data:
"
{type:'DoOpenClickStart',id:'1001'}
"
,
type:
'
post
'
,
dataType:
'
json
'
,
contentType:
'
application/json; charset=utf8
'
,
success:
function
(data) {
alert("ID=" + data.ID + ";Type=" + data.Type);
},
error:
function
(xhr) {
alert(
"
失败！
"
);
}
});
Asp.net代码:
1.准备一个Entity类.
public
class
AjaxSPE
{
///
<summary>
///
处理类型
///
</summary>
public
string
Type {
get
;
set
; }
///
<summary>
///
要处理的记录ID
///
</summary>
public
string
ID {
get
;
set
; }
}
2.Asp.net接受参数以及输出结果的核心代码:
//01.
接受传入的参数(记得先引用Dll:Newtonsoft.Json.Net20.dll)
string
requestJson
=
string
.Empty;
using
(StreamReader reader
=
new
StreamReader(Context.Request.InputStream))
{
requestJson
=
reader.ReadToEnd();
}
AjaxSPE ajax2
=
JsonConvert.DeserializeObject(requestJson,
typeof
(AjaxSPE))
as
AjaxSPE;
结果数据如下图:
//
02.传出结果Json数据,并输出到客户端.
Response.ClearContent();
Response.ContentType
=
"
application/json
"
;
AjaxSPE ajax
=
new
AjaxSPE();
ajax.Type
=
"
dddd
"
;
ajax.ID
=
"
1009
"
;
string
jsonString
=
Jsoner.JsonConvert.SerializeObject(ajax, Jsoner.Formatting.Indented);
//
输出Json数据到Content
Response.Write(jsonString);
Response.Flush();
Response.End();
结果如下图:
好了,就介绍到这里.最然不是什么复杂的技术研究,也有它方便的地方.
如果您什么问题欢迎留言,拍砖.