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 相关文章推荐
对象的类型:本地对象(1)
Dec 29 Javascript
js获取url中指定参数值的示例代码
Dec 14 Javascript
javascript获取flash版本号的方法
Nov 20 Javascript
JavaScript中对象property的读取和写入方法介绍
Dec 30 Javascript
javascript中局部变量和全局变量的区别详解
Feb 27 Javascript
JavaScript基于ajax编辑信息用法实例
Jul 15 Javascript
bootstrap table动态加载数据示例代码
Mar 25 Javascript
利用node.js如何创建子进程详解
Dec 09 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
通过图带你深入了解vue的响应式原理
Jun 21 Javascript
JavaScript实现身份证验证代码实例
Aug 26 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
Sep 11 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面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
PHP setcookie设置Cookie用法(及设置无效的问题)
2011/07/13 PHP
Yii2设置默认控制器的两种方法
2017/05/19 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
jQuery 表单验证扩展代码(一)
2010/10/11 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
2011/02/26 Javascript
Javascript base64编码实现代码
2011/12/02 Javascript
JavaScript 反科里化 this [译]
2012/09/20 Javascript
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
2013/07/13 Javascript
js控制frameSet示例
2013/09/10 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
IE8中使用javascript动态加载CSS的解决方法
2014/06/17 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
详解angularjs 关于ui-router分层使用
2017/06/12 Javascript
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
Vue Promise的axios请求封装详解
2018/08/13 Javascript
微信小程序自定义导航教程(兼容各种手机)
2018/12/12 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
2019/07/10 jQuery
js实现AI五子棋人机大战
2020/05/28 Javascript
OpenLayers3实现对地图的基本操作
2020/09/28 Javascript
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
在Docker上开始部署Python应用的教程
2015/04/17 Python
Python3读取Excel数据存入MySQL的方法
2018/05/04 Python
Python unittest单元测试框架总结
2018/09/08 Python
pyqt5对用qt designer设计的窗体实现弹出子窗口的示例
2019/06/19 Python
python绘制随机网络图形示例
2019/11/21 Python
python集成开发环境配置(pycharm)
2020/02/14 Python
Python计算IV值的示例讲解
2020/02/28 Python
详解Python中的路径问题
2020/09/02 Python
解决Python 函数声明先后顺序出现的问题
2020/09/02 Python
Python读取图像并显示灰度图的实现
2020/12/01 Python
迪拜航空官方网站:flydubai
2017/04/20 全球购物
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
2014班子“三严三实”对照检查材料思想汇报
2014/09/18 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书