ASP.NET jquery ajax傳遞參數的執行個體_javascript技巧

第一種：GET傳遞

前台 ajax   GET 傳遞 ：即在請求的地址後面加上參數，URL地址長度有顯示，安全性低

後台接收：Request.QueryString[“參數名字”]！

例如：

function LoadBar(id) {   var project = id;   var month = $("#txtMonth").val();   $.ajax({     type: "GET",     async: false,     url: 'GetProjectScore.aspx?project=' + project + '&month=' + month,     dataType: 'json',     beforeSend: function () {     },     success: function (msg) {       if (msg) {         optionBar.xAxis.categories = eval(msg.projectscore.orgname);         optionBar.series = eval(msg.projectscore.series);         var t = eval("(" + subtitle + ")");         optionBar.subtitle = t.subtitle;         chart = new Highcharts.Chart(optionBar);       }     },     error: function () {       alert('出錯了啦!');     }   });

第二種：POST傳遞

2.1    字串  作為參數傳遞

即傳遞的參數是以字串的形式傳遞。dataType=”text”;

前台 ajax   POST 傳遞 ：將表單資料提交伺服器的一種請求，要提交的資料位元於資訊頭後面的實體中。

後台接收：Request.Form[“參數名字”]

例如：

$("input[name=returnfile]").click(function () {            var returnflag = $(this).val();            var guid = $(this).prev().html();            $.ajax({              type: "POST",              async: "false",              url: "returndata.aspx",              data: "flag=" + returnflag + "&guid="+guid+"",              success: function () {              }            });          })

後台接收：

string flag=Request.Form[“flag”];

string guid=Request.Form[“guid”];

2.2   JSON   作為參數傳遞

即傳遞的參數是以json字串的形式傳遞。dataType=”json”;

前台 ajax   POST 傳遞 ：將表單資料提交伺服器的一種請求，要提交的資料位元於資訊頭後面的實體中。

後台接收：

StreamReader reader=new StreamReader(Request.InputStream);

string str = reader.ReadToEnd();

例如：

$("input[name=returnfile]").click(function () {            var returnflag = $(this).val();            var guid = $(this).prev().html();            var str = "{'flag':'" + returnflag + "','guid':'" + guid + "'}";            var json = eval("(" + json + ")");            $.ajax({              type: "POST",              async: "false",              url: "khdf_returndata.aspx",             dataType:”JSON”              data: json,              success: function () {              }            });          })

後台接收：

StreamReader reader=new StreamReader(Request.InputStream);

string str = reader.ReadToEnd(); 

讀取後newtonsoft 做 JSON處理

2.3 JSON   作為參數傳遞

$(function () {      $("#btnLogin").click(function () {        // var username = $("#txtUserName").val();        // var password = $("#txtPassword").val();        // var paras = "username=" + username + "&password=" + password;        // alert(paras);        var data = {          username: $("#txtUserName").val(),          password:$("#txtPassword").val()        }        $.post("Home/CheckLogin", data, function (data) {          alert(data);        })      })    })

如果按照2.2post。則必須加上： contentType: "application/json"

後台接收：

[HttpPost]    public ActionResult CheckLogin(string username,string password)    {      string name = username;      string pwd = password;      return View();    }

以上就是小編為大家帶來的ASP.NET jquery ajax傳遞參數的執行個體全部內容了，希望大家多多支援雲棲社區~