GET POST 传值与接收案例
第一种: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 传值与接收案例的更多相关文章
- 【ALB技术笔记】基于多线程方式的串行通信接口数据接收案例
基于多线程方式的串行通信接口数据接收案例 广东职业技术技术学院 欧浩源 1.案例背景 在本博客的<[CC2530入门教程-06]CC2530的ADC工作原理与应用>中实现了电压数据采集的 ...
- 【ALB学习笔记】基于事件触发方式的串行通信接口数据接收案例
基于事件触发方式的串行通信接口数据接收案例 广东职业技术学院 欧浩源 一.案例背景 之前写过一篇<基于多线程方式的串行通信接口数据接收案例>的博文,讨论了采用轮询方式接收串口数据的情况. ...
- 【ALB学习笔记】基于多线程方式的串行通信接口数据接收案例
基于多线程方式的串行通信接口数据接收案例 广东职业技术技术学院 欧浩源 1.案例背景 在本博客的<[CC2530入门教程-06]CC2530的ADC工作原理与应用>中实现了电压数据采集的 ...
- 每天记录一点:NetCore获得配置文件 appsettings.json vue-router页面传值及接收值 详解webpack + vue + node 打造单页面(入门篇) 30分钟手把手教你学webpack实战 vue.js+webpack模块管理及组件开发
每天记录一点:NetCore获得配置文件 appsettings.json 用NetCore做项目如果用EF ORM在网上有很多的配置连接字符串,读取以及使用方法 由于很多朋友用的其他ORM如S ...
- html传值及接收传值
传值:url?para1=value1¶2=value2 接收传值: <script type="text/javascript"> function ...
- vue-router页面传值及接收值
主页 “去第二个页面”方法传值1 <template> <div id="app"> <div><router-link to=&quo ...
- 使用vue-router在页面之间传值及接收值
第一页 点击去第二页的时候进行传值直接贴代码看: <template> <div id="app"> <div><router-link ...
- mui 进行父子页面传值以及接收
1.在父级页面进行传值 (my) mui.openWindow({ url: 'a.html', id: 'a', extras: { my: 'listpub' },}); 2.自己页面接收值 mu ...
- IE 中创建 子窗口 传值 与接收值 【window.showModalDialog】
父窗口 创建一个窗口 var backinfo = window.showModalDialog('UserSelect.aspx', '', 'dialogHeight=600px; dialogW ...
随机推荐
- R语言paste函数
中许多字符串使用 paste() 函数来组合.它可以将任意数量的参数组合在一起. 语法 粘贴(paste)函数的基本语法是: paste(..., sep = " ", colla ...
- C++实现二叉排序树
1.定义 二叉排序树(Binary Sort Tree),又称二叉查找树(Binary Search Tree),亦称二叉搜索树. 二叉排序树或者是一棵空树,或者是具有下列性质的二叉树: (1)若左子 ...
- Golang聊天室
一.前期准备 前期准备 需要 import "net"包 IP 类型,其中一个重要的方法是 IP.ParseIP(ipaddr string)来判断是否是合法的 IP 地址 TCP ...
- 微信WeUI扩展组件
主要包括 下拉刷新pullToRefresh downRefresh.html 主要的代码是$(document.body).pullToRefresh(); <div class=" ...
- unity GUI Layout 组件(全)
[expand 扩张][fitter 装配工] [envelope 信封,包装] Layout 布局 三种. Horizontal Layout Group 水平布局 Padding:内边距,单位 ...
- 使用T-SQL语句创建数据库2
创建多个数据文件和多个日志文件 use master GO create database book on primaty --主文件组 ( name=‘book_data’, --主文件逻辑文件名 ...
- C# 相对路径指定详解
1. 根目录 .\\ 或者直接给出文件名称,是找根目录的路径. 如:path = "gs.mdb" 与 path = ".\\gs.mdb"是一个意思. 2. ...
- [转]深入Java单例模式
文章从 https://blog.51cto.com/devbean/203501 转载 问题 : doble-check 实现的单例模式有什么缺点 线程安全的单例写法应该是怎么样的 概述 在G ...
- vscode下eslint代码规范
直接上规范吧: // 将设置放入此文件中以覆盖默认设置 { "editor.fontSize": 17, "editor.tabSize": 2, " ...
- [LeetCode] Remove Element题解
Remove Element: Given an array and a value, remove all instances of that value in place and return t ...