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 相关文章推荐
通过length属性判断jquery对象是否存在
Oct 18 Javascript
用svg制作富有动态的tooltip
Jul 17 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
Feb 12 Javascript
浅谈对Angular中的生命周期钩子的理解
Jul 31 Javascript
js实现省市级联效果分享
Aug 10 Javascript
koa-router源码学习小结
Sep 07 Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 Javascript
vue el-table实现自定义表头
Dec 11 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
基于JQuery实现页面定时弹出广告
May 08 jQuery
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 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
为PHP5.4开启Zend OPCode缓存
2014/12/26 PHP
php简单的上传类分享
2016/05/15 PHP
使用Rancher在K8S上部署高性能PHP应用程序的教程
2020/07/10 PHP
javascript中字符串替换函数replace()方法与c# 、vb 替换有一点不同
2010/06/25 Javascript
Jquery选中或取消radio示例
2013/09/29 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
使用Promise解决多层异步调用的简单学习心得
2016/05/17 Javascript
基于JavaScript代码实现自动生成表格
2016/06/15 Javascript
connection reset by peer问题总结及解决方案
2016/10/21 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
JQuery省市联动效果实现过程详解
2020/05/08 jQuery
[48:48]完美世界DOTA2联赛PWL S3 Magama vs GXR 第一场 12.19
2020/12/24 DOTA
[01:01:41]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第二场 1月31日
2021/03/11 DOTA
Python模块学习 datetime介绍
2012/08/27 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
python爬取指定微信公众号文章
2018/12/20 Python
详解python中递归函数
2019/04/16 Python
详解Python 切片语法
2019/06/10 Python
一文解决django 2.2与mysql兼容性问题
2020/07/15 Python
Python 按比例获取样本数据或执行任务的实现代码
2020/12/03 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
俄罗斯第一家篮球店:StreetBall
2020/07/30 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
方法名是否可以与构造器的名字相同
2012/06/04 面试题
三好学生个人先进事迹材料
2014/05/17 职场文书
小学毕业感言100字
2015/07/30 职场文书
2016年七夕爱情寄语
2015/12/04 职场文书
Java实现字符串转为驼峰格式的方法详解
2022/07/07 Java/Android