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 相关文章推荐
一段非常简单的让图片自动切换js代码
Nov 10 Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 Javascript
input输入框鼠标焦点提示信息
Mar 17 Javascript
原生js实现弹出层效果
Jan 20 Javascript
JavaScript之生成器_动力节点Java学院整理
Jun 30 Javascript
详解基于angular-cli配置代理解决跨域请求问题
Jul 05 Javascript
20170918 前端开发周报之JS前端开发必看
Sep 18 Javascript
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 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
自动分页的不完整解决方案
2007/01/12 PHP
PHP统计目录下的文件总数及代码行数(去除注释及空行)
2011/01/17 PHP
解析阿里云ubuntu12.04环境下配置Apache+PHP+PHPmyadmin+MYsql
2013/06/26 PHP
如何在php中正确的使用json
2013/08/06 PHP
php jquery 多文件上传简单实例
2013/12/23 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
yii2.0框架使用 beforeAction 防非法登陆的方法分析
2019/09/11 PHP
jquery常用技巧及常用方法列表集合
2011/04/06 Javascript
js编写trim()函数及正则表达式的运用
2013/10/24 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
深入探究使JavaScript动画流畅的一些方法
2015/06/30 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
使用jQuery制作基础的Web图片轮播效果
2016/04/22 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
JS实现可针对算术表达式求值的计算器功能示例
2018/09/04 Javascript
微信小程序实现九宫格抽奖
2020/04/15 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
2019/05/05 Javascript
Python编程中装饰器的使用示例解析
2016/06/20 Python
Python实现mysql数据库更新表数据接口的功能
2017/11/19 Python
python list删除元素时要注意的坑点分享
2018/04/18 Python
TensorFlow损失函数专题详解
2018/04/26 Python
flask-socketio实现WebSocket的方法
2018/07/31 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
Python中logger日志模块详解
2020/08/04 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
受外贸欢迎的美国主机:BlueHost
2017/05/16 全球购物
TALLY WEiJL法国网上商店:服装、时装及配饰
2019/08/31 全球购物
八一演出活动方案
2014/02/03 职场文书
中央空调节能方案
2014/06/15 职场文书
优秀党员事迹材料
2014/12/18 职场文书
实例讲解Python中sys.argv[]的用法
2021/06/03 Python
postgresql使用filter进行多维度聚合的解决方法
2021/07/16 PostgreSQL