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

 更新时间:2016年11月02日 09:31:39   投稿:jingxian   我要评论
下面小编就为大家带来一篇ASP.NET jquery ajax传递参数的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

第一种: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传递参数的实例全部内容了,希望大家多多支持脚本之家~

相关文章

  • 完美的js div拖拽实例代码

    完美的js div拖拽实例代码

    这篇文章主要为大家详细介绍了完美的js div拖拽实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • webpack4.x打包过程详解

    webpack4.x打包过程详解

    这篇文章主要介绍了webpack4.x打包过程详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • D3.js实现雷达图的方法详解

    D3.js实现雷达图的方法详解

    大家应该都知道基本图表一共有六种,分别是柱状图、折线图、散点图、气泡图、饼图和雷达图。前面五种图形都已经介绍过如何实现了,今天我们一起来看看最后的雷达图。有需要的朋友们可以参考学习下。
    2016-09-09
  • javascript中setTimeout的问题解决方法

    javascript中setTimeout的问题解决方法

    这篇文章主要介绍了javascript中setTimeout的问题以及对应的解决方法,需要的朋友可以参考下
    2014-05-05
  • javaScript给元素添加多个class的简单实现

    javaScript给元素添加多个class的简单实现

    下面小编就为大家带来一篇javaScript给元素添加多个class的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript中的闭包(Closure)详细介绍

    JavaScript中的闭包(Closure)详细介绍

    这篇文章主要介绍了JavaScript中的闭包(Closure)详细介绍,函数调用对象与变量的作用域链、什么是闭包等内容,并给出了实例,需要的朋友可以参考下
    2014-12-12
  • JS工厂模式开发实践案例分析

    JS工厂模式开发实践案例分析

    这篇文章主要介绍了JS工厂模式开发,结合具体实践案例形式分析了基于javascript工厂模式实现的轮播功能相关操作技巧,需要的朋友可以参考下
    2019-10-10
  • javascript弹出窗口实现代码

    javascript弹出窗口实现代码

    这篇文章主要介绍了javascript弹出窗口实现代码,非常人性化的设计,点击页面可以弹出窗口,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • javascript页面加载完执行事件代码

    javascript页面加载完执行事件代码

    本篇文章主要是对javascript页面加载完执行事件的代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 使用原生js编写一个简单的框选功能方法

    使用原生js编写一个简单的框选功能方法

    这篇文章主要介绍了使用原生js编写一个简单的框选功能方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05

最新评论