第一种: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();
        }

 
 
 
 

2.3 JSON  集合   作为参数传递

//JS传参数 
var d = new Array();
for (var i = 0; i < 2; i++) {
var a = new Object();
a.username = i;
a.password = i;
d.push(a);
} var json = JSON.stringify(d);
$.ajax({
type: "POST",
async: "false",
url: "WebForm1.aspx",
dataType: "JSON",
data: json,
success: function (data) {
alert(data.data)
}
});

后台接收:

StreamReader reader = new StreamReader(Request.InputStream);

            string str = reader.ReadToEnd();
JavaScriptSerializer jss = new JavaScriptSerializer();
Response.Write(jss.Serialize(str));
Response.End();
 
转自 @

居后不争

GET POST 传值与接收案例的更多相关文章

  1. 【ALB技术笔记】基于多线程方式的串行通信接口数据接收案例

    基于多线程方式的串行通信接口数据接收案例 广东职业技术技术学院  欧浩源 1.案例背景 在本博客的<[CC2530入门教程-06]CC2530的ADC工作原理与应用>中实现了电压数据采集的 ...

  2. 【ALB学习笔记】基于事件触发方式的串行通信接口数据接收案例

    基于事件触发方式的串行通信接口数据接收案例 广东职业技术学院  欧浩源 一.案例背景 之前写过一篇<基于多线程方式的串行通信接口数据接收案例>的博文,讨论了采用轮询方式接收串口数据的情况. ...

  3. 【ALB学习笔记】基于多线程方式的串行通信接口数据接收案例

    基于多线程方式的串行通信接口数据接收案例 广东职业技术技术学院  欧浩源 1.案例背景 在本博客的<[CC2530入门教程-06]CC2530的ADC工作原理与应用>中实现了电压数据采集的 ...

  4. 每天记录一点:NetCore获得配置文件 appsettings.json vue-router页面传值及接收值 详解webpack + vue + node 打造单页面(入门篇) 30分钟手把手教你学webpack实战 vue.js+webpack模块管理及组件开发

    每天记录一点:NetCore获得配置文件 appsettings.json   用NetCore做项目如果用EF  ORM在网上有很多的配置连接字符串,读取以及使用方法 由于很多朋友用的其他ORM如S ...

  5. html传值及接收传值

    传值:url?para1=value1&para2=value2 接收传值: <script type="text/javascript"> function ...

  6. vue-router页面传值及接收值

    主页  “去第二个页面”方法传值1 <template> <div id="app"> <div><router-link to=&quo ...

  7. 使用vue-router在页面之间传值及接收值

    第一页 点击去第二页的时候进行传值直接贴代码看: <template> <div id="app"> <div><router-link ...

  8. mui 进行父子页面传值以及接收

    1.在父级页面进行传值 (my) mui.openWindow({ url: 'a.html', id: 'a', extras: { my: 'listpub' },}); 2.自己页面接收值 mu ...

  9. IE 中创建 子窗口 传值 与接收值 【window.showModalDialog】

    父窗口 创建一个窗口 var backinfo = window.showModalDialog('UserSelect.aspx', '', 'dialogHeight=600px; dialogW ...

随机推荐

  1. R语言统计字符串的字符数ncahr函数

    函数计算字符数量,包括在一个字符串的空格的个数. 语法 nchar()函数的基本语法是: nchar(x) 以下是所使用的参数的说明: x - 向量输入. 示例 result <- nchar( ...

  2. html/css元素

    块级元素 会独占一行,多个block元素会各自新起一行.默认情况下,block元素宽度自动填满其父元素宽度. 可以设置width,height属性.块级元素即使设置了宽度,仍然是独占一行. 可以设置m ...

  3. Android 直接通过JNI访问驱动

    package com.yang.jniaccesshardware; import android.os.Bundle; import android.support.v7.app.AppCompa ...

  4. mysql分表,批量生成数据

    一.mysql的分表策略 根据经验,Mysql表数据一般达到百万级别,查询效率会很低,容易造成表锁,甚至堆积很多连接,直接挂掉: 1,水平分割: 水平(横向)拆分:将同一个表的数据进行分块保存到不同的 ...

  5. 4、构造方法、this、super

    构造方法 构造方法引入 * A:构造方法的引入 在开发中经常需要在创建对象的同时明确对象的属性值,比如员工入职公司就要明确他的姓名.年龄等属性信息. 那么,创建对象就要明确属性值,那怎么解决呢?也就是 ...

  6. 撩课-Python-每天5道面试题-第2天

    一. 简述编程过程中, 注释的作用? (1) 方便开发人员自己理清楚代码思路 因为开发人员在拿到一个需求时, 首先应该思考的是如何将需求问题, 分解成具体的实施步骤; 第一步干啥, 第二步干啥, 第三 ...

  7. 【转载】Spring Cloud底层原理

    概述 毫无疑问,Spring Cloud是目前微服务架构领域的翘楚,无数的书籍博客都在讲解这个技术.不过大多数讲解还停留在对Spring Cloud功能使用的层面,其底层的很多原理,很多人可能并不知晓 ...

  8. HDU 2680(最短路)(多个起始点)

    这道题也是死命TLE.. http://acm.hdu.edu.cn/showproblem.php?pid=2680 /* 使用pair代替结构 */ #include <iostream&g ...

  9. 在Pandas中直接加载MongoDB的数据

    在使用Pandas进行数据处理的时候,我们通常从CSV或EXCEL中导入数据,但有的时候数据都存在数据库内,我们并没有现成的数据文件,这时候可以通过Pymongo这个库,从mongoDB中读取数据,然 ...

  10. Spring的自动装配Bean

    spring的自动装配功能的定义:无须在Spring配置文件中描述javaBean之间的依赖关系(如配置<property>.<constructor-arg>).IOC容器会 ...