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 jq 单击和双击区分示例介绍
Nov 05 Javascript
Javascript 按位与赋值运算符 (&=)使用介绍
Feb 04 Javascript
根据配置文件加载js依赖模块
Dec 29 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
Dec 08 Javascript
浅谈react.js 之 批量添加与删除功能
Apr 17 Javascript
基于BootStrap实现简洁注册界面
Jul 20 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
Mar 08 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
Vue创建头部组件示例代码详解
Oct 23 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
Feb 06 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 02 Javascript
一文搞懂redux在react中的初步用法
Jun 09 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
咖啡常见的种类
2021/03/03 新手入门
给初学PHP的5个入手程序
2006/11/23 PHP
深入PHP许愿墙模块功能分析
2013/06/25 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
php计算数组不为空元素个数的方法
2014/01/27 PHP
Yii1.1中通过Sql查询进行的分页操作方法
2017/03/16 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
2011/07/28 Javascript
浏览器兼容console对象的简要解决方案分享
2013/10/24 Javascript
javascript搜索框点击文字消失失焦时文本出现
2014/09/18 Javascript
JavaScript事件学习小结(五)js中事件类型之鼠标事件
2016/06/09 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
Js自动截取字符串长度,添加省略号(……)的实现方法
2017/03/06 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
微信小程序表单验证form提交错误提示效果
2020/06/19 Javascript
详解vue中axios请求的封装
2019/04/08 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
javascript实现简易的计算器
2020/01/17 Javascript
[39:18]完美世界DOTA2联赛PWL S3 Forest vs LBZS 第二场 12.17
2020/12/19 DOTA
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
python冒泡排序简单实现方法
2015/07/09 Python
python3新特性函数注释Function Annotations用法分析
2016/07/28 Python
python正则表达式匹配不包含某几个字符的字符串方法
2019/07/23 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
next在python中返回迭代器的实例方法
2020/12/15 Python
Html5移动端网页端适配(js+rem)
2021/02/03 HTML / CSS
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
英国女性时尚品牌:Apricot
2018/12/04 全球购物
资助贫困学生倡议书
2014/05/16 职场文书
禁止高声喧哗的标语
2014/06/11 职场文书
出差报告范文
2014/11/06 职场文书
费用申请报告范文
2015/05/15 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python