快捷導(dǎo)航

ASP.NET jquery ajax傳遞參數(shù)的實(shí)例

更新時(shí)間：2016年11月02日 09:31:39 投稿：jingxian

下面小編就為大家?guī)?lái)一篇ASP.NET jquery ajax傳遞參數(shù)的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

第一種：GET傳遞

前臺(tái) ajax GET 傳遞：即在請(qǐng)求的地址后面加上參數(shù)，URL地址長(zhǎng)度有顯示，安全性低

后臺(tái)接收：Request.QueryString[“參數(shù)名字”]！

例如：

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('出錯(cuò)了啦!'); 
    } 
  });

第二種：POST傳遞

2.1 字符串作為參數(shù)傳遞

即傳遞的參數(shù)是以字符串的形式傳遞。dataType=”text”;

前臺(tái) ajax POST 傳遞：將表單數(shù)據(jù)提交服務(wù)器的一種請(qǐng)求，要提交的數(shù)據(jù)位于信息頭后面的實(shí)體中。

后臺(tái)接收：Request.Form[“參數(shù)名字”]

例如：

$("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 () { 
             } 
           }); 
         })

后臺(tái)接收：

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

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

2.2 JSON 作為參數(shù)傳遞

即傳遞的參數(shù)是以json字符串的形式傳遞。dataType=”json”;

前臺(tái) ajax POST 傳遞：將表單數(shù)據(jù)提交服務(wù)器的一種請(qǐng)求，要提交的數(shù)據(jù)位于信息頭后面的實(shí)體中。

后臺(tái)接收：

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 () { 
             } 
           }); 
         })

后臺(tái)接收：

StreamReader reader=new StreamReader(Request.InputStream);

string str = reader.ReadToEnd();

讀取后newtonsoft 做 JSON處理

2.3 JSON 作為參數(shù)傳遞

$(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"

后臺(tái)接收：

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

以上就是小編為大家?guī)?lái)的ASP.NET jquery ajax傳遞參數(shù)的實(shí)例全部?jī)?nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章: