ASP.NET jquery ajax传递参数的实例-PHP开发-PHP中文网

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

高洛峰

发布： 2016-12-08 10:50:26

原创

1230人浏览过

第一种：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 作为参数传递

怪兽AI数字人

数字人短视频创作，数字人直播，实时驱动数字人

查看详情

即传递的参数是以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();
    }

登录后复制