转:ASP.NET jquery ajax传递参数的实例

本文深入解析了HTTP请求方法GET和POST的区别与应用。GET方法通过URL传递参数,适合查询操作,但存在安全性低和长度限制;POST方法适用于提交数据,包括以字符串、JSON形式传递,更安全且无长度限制。文章提供了前端Ajax调用与后端接收数据的示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

https://www.jb51.net/article/96268.htm

第一种:GET传递

前台 ajax   GET 传递 :即在请求的地址后面加上参数,URL地址长度有显示,安全性低

后台接收:Request.QueryString[“参数名字”]!

例如:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

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[“参数名字”]

例如:

?

1

2

3

4

5

6

7

8

9

10

11

12

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

例如:

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

$("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   作为参数传递

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

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

后台接收:

?

1

2

3

4

5

6

7

[HttpPost]

    public ActionResult CheckLogin(string username,string password)

    {

      string name = username;

      string pwd = password;

      return View();

    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值