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 ...
随机推荐
- [shell进阶]——shell多线程
关于shell的多线程 1. 多线程并发执行任务,而不用一台台的串行执行,能更快更高效 2. Shell并没有多线程的概念,所以: * 一般使用wait.read等命令技巧性地模拟多线程实 * 使用命 ...
- JDK1.7新特性(3):java语言动态性之脚本语言API
简要描述:其实在jdk1.6中就引入了支持脚本语言的API.这使得java能够很轻松的调用其他脚本语言.具体API的使用参考下面的代码: package com.rampage.jdk7.chapte ...
- Python——基本的书写规则
1.输入方法input() 等待用户输入数据,并回车后得到数据(name为输入的字符串) name=input('Please input your name:') print('Hi,',name) ...
- [编程] C语言的结构体
结构体 struct 结构体名{} 变量名; 结构体变量: struct person{ char *name; int age; float score; } student; 成员的获取和赋值 / ...
- mongdb启动报错
2018-08-19T12:25:31.707+0800 I CONTROL [main] Automatically disabling TLS 1.0, to force-enable TLS 1 ...
- ARP原理和欺骗
ARP--在TCP/IP协议栈中,最不安全的协议莫过于ARP了,我们经常听到的网络扫描,内网***,流量欺骗等等,他们基本上都与ARP有关系,甚至可以说,他们的底层都是基于ARP实现的.但是ARP的是 ...
- 自定义scoll样式
使用伪类自定义scroll样式 效果: 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
- 转:使用VS Code断点调试PHP
使用VS Code断点调试PHP vs code 使用一款杰出的轻量级代码编辑器,其中的插件工具不胜枚举而且还在不断增加.使用 vs code 调试 PHP 代码更是方便简洁,下面我们来一起看一下. ...
- 【javascript】javasrcipt设计模式之策略模式
策略模式支持在运行时由使用者选择合适的算法,对于使用者而言不用关心背后的具体事项,而使用者自动根据当前程序执行的上下文和配置,从已有的算法列表中选择出合适的算法来处理当前任务. 1.要解决的问题 2. ...
- Python - Exceptions
官方文档:https://docs.python.org/3/library/exceptions.html 1. 使用try...except... 2. 输出错误信息的方式为: try: curs ...