使用Jquery提交Json格式的資料到Asp.net程式的另類做法.

一般我們使用Jquery提交資料到Asp.net程式都有兩種方法,今天我再介紹一種方法.以下是詳細描述:

1)使用Get請求的方式,將參數接在請求Url的後面.例如:

 

http://www.google.com.hk/search?q=jquery+post

擷取參數的方法:在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();

結果如:

好了,就介紹到這裡.最然不是什麼複雜的技術研究,也有它方便的地方.

如果您什麼問題歡迎留言,拍磚.