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 相关文章推荐
javascript基础的动画教程,直观易懂
Jan 10 Javascript
JavaScript的类型简单说明
Sep 03 Javascript
jquery实现页面关键词高亮显示的方法
Mar 12 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
Aug 21 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
动态加载js、css的简单实现代码
May 26 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
node.js学习之交互式解释器REPL详解
Dec 08 Javascript
vue项目前端埋点的实现
Mar 06 Javascript
深入Node TCP模块的理解
Mar 13 Javascript
原生JS实现天气预报
Jun 16 Javascript
JS访问对象两种方式区别解析
Aug 29 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
我的论坛源代码(八)
2006/10/09 PHP
php下intval()和(int)转换使用与区别
2008/07/18 PHP
php数组函数序列之array_flip() 将数组键名与值对调
2011/11/07 PHP
php&mysql 日期操作小记
2012/02/27 PHP
YII实现分页的方法
2014/07/09 PHP
php常用数学函数汇总
2014/11/21 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
PHP采用超长(超大)数字运算防止数字以科学计数法显示的方法
2016/04/01 PHP
php7基于递归实现删除空文件夹的方法示例
2017/06/15 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
JavaScript Event学习补遗 addEventSimple
2010/02/11 Javascript
详解jQuery插件开发中的extend方法
2013/11/19 Javascript
javascript监听鼠标滚轮事件浅析
2014/06/05 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
js使用for循环与innerHTML获取选中tr下td值
2014/09/26 Javascript
js中this的用法实例分析
2015/01/10 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
javascript每日必学之基础入门
2016/02/16 Javascript
浅析JS中对函数function的理解(基础篇)
2016/10/14 Javascript
JQuery异步提交表单与文件上传功能示例
2017/01/12 Javascript
浅谈如何通过node.js对数据进行MD5加密
2018/05/16 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
JavaScript读取本地文件常用方法流程解析
2020/10/12 Javascript
python新手经常遇到的17个错误分析
2014/07/30 Python
python使用生成器实现可迭代对象
2018/03/20 Python
Pycharm配置远程调试的方法步骤
2018/12/17 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
如何基于python操作excel并获取内容
2019/12/24 Python
Django ModelForm操作及验证方式
2020/03/30 Python
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
大学生学习计划书
2014/09/15 职场文书
党员评议思想汇报
2014/10/08 职场文书
导游词之包公祠
2019/11/25 职场文书
MySQL 慢查询日志深入理解
2021/04/22 MySQL