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


Posted in Javascript onNovember 02, 2016

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

Javascript 相关文章推荐
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
js中最容易被忽视的事件问题大总结
May 15 Javascript
javascript中JSON.parse()与eval()解析json的区别
May 19 Javascript
Angular 中 select指令用法详解
Sep 29 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
Sep 26 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
vue+canvas实现拼图小游戏
Sep 18 Javascript
JavaScript使用canvas绘制坐标和线
Apr 28 Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 #Javascript
在JSP中如何实现MD5加密的方法
Nov 02 #Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 #Javascript
JavaScript基础——使用Canvas绘图
Nov 02 #Javascript
js实现砖头在页面拖拉效果
Nov 20 #Javascript
AngularJS入门教程之模块化操作用法示例
Nov 02 #Javascript
js 打开新页面在屏幕中间的实现方法
Nov 02 #Javascript
You might like
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
php use和include区别总结
2019/10/13 PHP
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
2012/02/03 Javascript
可插入图片的TEXT文本框
2013/12/27 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
2015/09/14 Javascript
分步解析JavaScript实现tab选项卡自动切换功能
2016/01/25 Javascript
AngularJS Ajax详解及示例代码
2016/08/17 Javascript
微信小程序 wxapp地图 map详解
2016/10/31 Javascript
Javascript 判断两个IP是否在同一网段实例代码
2016/11/28 Javascript
node中Express 动态设置端口的方法
2017/08/04 Javascript
ES6 let和const定义变量与常量的应用实例分析
2019/06/27 Javascript
JS代码简洁方式之函数方法详解
2020/07/28 Javascript
[45:52]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第二场 12.09
2020/12/12 DOTA
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Python中的Descriptor描述符学习教程
2016/06/02 Python
从局部变量和全局变量开始全面解析Python中变量的作用域
2016/06/16 Python
Pycharm在创建py文件时,自动添加文件头注释的实例
2018/05/07 Python
python批量修改图片大小的方法
2018/07/24 Python
详解windows python3.7安装numpy问题的解决方法
2018/08/13 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
pygame实现飞机大战
2020/03/11 Python
Python定时从Mysql提取数据存入Redis的实现
2020/05/03 Python
使用CSS3创建动态菜单效果
2015/07/10 HTML / CSS
使用CSS3编写类似iOS中的复选框及带开关的按钮
2016/04/11 HTML / CSS
巴黎卡诗美国官方网站:始于1964年的头发头皮护理专家
2017/07/10 全球购物
加拿大服装和鞋类零售商:Mark’s
2021/01/04 全球购物
生日宴会答谢词
2014/01/09 职场文书
后进生转化工作制度
2014/01/17 职场文书
2014年财务工作总结范文
2014/11/11 职场文书
2015年支教教师工作总结
2015/07/22 职场文书
2016年端午节寄语
2015/12/04 职场文书
Go语言基础函数基本用法及示例详解
2021/11/17 Golang