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给input和textarea设定ie中的focus
May 29 Javascript
js跟随滚动条滚动浮动代码
Dec 31 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
获取客户端电脑日期时间js代码(jquery)
Sep 12 Javascript
AngularJS基础知识
Dec 21 Javascript
JS获取IMG图片高宽的简单实例
May 17 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
JS操作xml对象转换为Json对象示例
Mar 25 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
微信小程序多张图片上传功能
Jun 07 Javascript
JS实现秒杀倒计时特效
Jan 02 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
php 大数据量及海量数据处理算法总结
2011/05/07 PHP
php实现登陆模块功能示例
2016/10/20 PHP
PHP+Redis 消息队列 实现高并发下注册人数统计的实例
2018/01/29 PHP
YII框架关联查询操作示例
2019/04/29 PHP
php函数式编程简单示例
2019/08/08 PHP
使用PHP开发留言板功能
2019/11/19 PHP
如何学习Javascript入门指导
2013/11/01 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
使用RequireJS优化JavaScript引用代码的方法
2015/07/01 Javascript
NodeJS实现阿里大鱼短信通知发送
2016/01/17 NodeJs
使用伪命名空间封装保护独自创建的对象方法
2016/08/04 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
微信小程序 五星评分的实现实例
2017/08/04 Javascript
phantomjs导出html到pdf的方法总结
2017/10/19 Javascript
d3.js实现自定义多y轴折线图的示例代码
2018/05/30 Javascript
Javascript中parseInt的正确使用方式
2018/10/17 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
2019/09/26 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
jQuery实现回到顶部效果
2020/10/19 jQuery
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
pyenv命令管理多个Python版本
2017/03/26 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
Nike香港官网:Nike HK
2019/03/23 全球购物
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
自荐信格式范文
2013/10/07 职场文书
高中班长自我鉴定
2013/12/20 职场文书
志愿者服务感言
2014/02/27 职场文书
元宵晚会主持词
2014/03/25 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
外国人来华邀请函
2015/01/31 职场文书
python实战之用emoji表情生成文字
2021/05/08 Python
UNION CREATIVE《Re:从零开始的异世界生活》雷姆手办
2022/03/20 日漫
PostgreSQL事务回卷实战案例详析
2022/03/25 PostgreSQL