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仿php的print_r函数输出json数据
Sep 13 Javascript
JS的事件绑定深入认识
Jun 26 Javascript
jQuery弹出层插件Lightbox_me使用指南
Apr 21 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
Feb 14 Javascript
Bootstrap作品展示站点实战项目2
Oct 14 Javascript
Java与JavaScript中判断两字符串是否相等的区别
Mar 13 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
Jun 12 Javascript
教你5分钟学会用requirejs(必看篇)
Jul 25 Javascript
基于JavaScript表单脚本(详解)
Oct 18 Javascript
vue-router路由与页面间导航实例解析
Nov 07 Javascript
vue+导航锚点联动-滚动监听和点击平滑滚动跳转实例
Nov 13 Javascript
快速了解Vue父子组件传值以及父调子方法、子调父方法
Jul 15 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/05 PHP
php获取YouTube视频信息的方法
2015/02/11 PHP
php版银联支付接口开发简明教程
2016/10/14 PHP
PHP进程通信基础之信号
2017/02/19 PHP
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
jQuery源码分析之Event事件分析
2010/06/07 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
JavaScript控制两个列表框listbox左右交换数据的方法
2015/03/18 Javascript
Windows系统下使用Sublime搭建nodejs环境
2015/04/13 NodeJs
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
2016/03/23 Javascript
好好了解一下Cookie(强烈推荐)
2016/06/14 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
vue项目中实现缓存的最佳方案详解
2019/07/11 Javascript
Echarts实现多条折线可拖拽效果
2019/12/19 Javascript
[07:38]2014DOTA2国际邀请赛 Newbee顺利挺进胜者组赛后专访
2014/07/15 DOTA
python利用Guetzli批量压缩图片
2017/03/23 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
Python如何避免文件同名产生覆盖
2020/06/09 Python
树莓派升级python的具体步骤
2020/07/05 Python
python与c语言的语法有哪些不一样的
2020/09/13 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
安全生产活动月方案
2014/03/09 职场文书
美容院店长岗位职责
2014/04/08 职场文书
客运企业隐患排查工作方案
2014/06/06 职场文书
护士医德考评自我评价
2015/03/03 职场文书
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android
十大最强岩石系宝可梦,怪颚龙实力最强,第七破坏力很强
2022/03/18 日漫