JQuery.Ajax()的data参数传递方式
最近,新学c# mvc,通过ajax post方式传递数据到controller。刚开始传递参数,controller中总是为null。现记录一下,可能不全,纯粹记个学习日记。
重点在于参数的方式,代码为例子
1、这里 dataType: "json",表示返回的格式是json
前端:
var saveAlbum = function () { $.ajax(
{
url: "/Home/PostAlbum",
type: "POST",
dataType: "json",
data: { AlbumName: "shanghai", Entered: "5/9/2013" },
success: function (result) {
alert(result);
},
error: function (xhr, status, p3, p4) {
var err = "Error " + " " + status + " " + p3;
if (xhr.responseText && xhr.responseText[] == "{")
err = JSON.parse(xhr.responseText).message;
alert(err);
}
});
}
controller: public ActionResult PostAlbum(test test)
{
string str = String.Format("保存成功PostAlbum:{0} {1:d}", test.AlbumName, test.Entered);
return Json(str);//--------对应请求中dataType: "json",表示需要返回json类型
//return String.Format("保存成功PostAlbum:{0} {1:d}", test.AlbumName, test.Entered);//------如果是string,则会报错
}
2、ajax请求中还要一个重要的参数: contentType: "application/json",表示传入参数的格式
var saveAlbumJson = function () { $.ajax(
{
url: "/Home/PostAlbum",
type: "POST",
contentType: "application/json",
dataType:"json",
data: JSON.stringify({ "AlbumName": "shanghai", "Entered": "5/9/2013" }),
success: function (result) {
alert(result);
},
error: function (xhr, status, p3, p4) {
var err = "Error " + " " + status + " " + p3;
if (xhr.responseText && xhr.responseText[] == "{")
err = JSON.parse(xhr.responseText).message;
alert(err);
}
});
}
[HttpPost]
public ActionResult PostAlbum(test test)
{
string str = String.Format("保存成功PostAlbum:{0} {1:d}", test.AlbumName, test.Entered);//传入test实体
return Json(str);
//return String.Format("保存成功PostAlbum:{0} {1:d}", test.AlbumName, test.Entered);
}
public class test
{
public string AlbumName { get; set; }
public DateTime Entered { get; set; }
}
3、如果要传入list<实体>,比如List<test>,需要把传入的data做转换
var saveAlbumJsonList = function () {
$.ajax(
{
url: "/Home/AlbumList",
type: "POST",
contentType: "application/json",
dataType: "json",
data: JSON.stringify({"input":[{ AlbumName: "shanghai", Entered: "5/9/2013" },{...},{....}]}),
success: function (result) {
alert(result);
},
error: function (xhr, status, p3, p4) {
var err = "Error " + " " + status + " " + p3;
if (xhr.responseText && xhr.responseText[] == "{")
err = JSON.parse(xhr.responseText).message;
alert(err);
}
});
}
public ActionResult PostAlbumList(List<test> input)//input必须要与data中数组中的key匹配
{
if (input != null)
{
string str = String.Format("保存成功PostAlbum:{0} {1:d}", input[].AlbumName, input[].Entered);
return Json(str);
}else
{
return Json("参数获取错误!");
}
//return String.Format("保存成功PostAlbum:{0} {1:d}", test.AlbumName, test.Entered);
}
4、由上面三个例子,很容易想到,传入多个list<实体>的方式
function postEmployees() {
$.ajax({
type: "POST",
url: "/Home/Employees",
contentType: "application/json",
dataType: "json",
async: false,
data: JSON.stringify({
"Employees": [{ "Id": "", "lastName": "Gates" }, { "Id": "", "lastName": "Bush" }, { "Id": "", "lastName": "Carter" }],
"Employers": [{ "Id": "", "lastName": "Gates" }, { "Id": "", "lastName": "Bush" }, { "Id": "", "lastName": "Carter" }]
}),
success: function (jsonResult) {
alert(jsonResult);
}
});
}
[HttpPost]
public async Task<ActionResult> Employees(List<Employee> Employees, List<Employee> Employers)
{
return Json("Employees", JsonRequestBehavior.AllowGet);
}
public class Employee
{
public int Id { get; set; }
public string FirstName { get; set; } public string LastName { get; set; }
}
JQuery.Ajax()的data参数传递方式的更多相关文章
- JQuery.Ajax()的data参数类型
假如现在有这样一个表单,是添加元素用的. <form id='addForm' action='UserAdd.action' type='post'> <label for='un ...
- jQuery ajax的traditional参数的作用///////////////////////////////////zzzzzzzzzzz
jQuery ajax的traditional参数的作用 i33 发布时间: 2013/04/03 10:05 阅读: 9859 收藏: 9 点赞: 1 评论: 0 一般的,可能有些人在一个参数有多个 ...
- jQuery Ajax Post Data Example
http://www.formget.com/jquery-post-data/ jQuery Ajax Post Data Example Fugo Of FormGet jQuery $.post ...
- 关于Jquery中ajax方法data参数用法的总结
data 发送到服务器的数据.将自动转换为请求字符串格式.GET 请求中将附加在 URL 后.查看 processData 选项说明以禁止此自动转换.必须为 Key/Value 格式.如果为数组,jQ ...
- jQuery.ajax()的相关参数及使用
jQuery.ajax(),有很多项参数,小弟菜鸟级别,有时候想不起来,现在记录下来便于以后查看,也欢迎大神指正. 常用的几类,可以称为模板样式写法: $.ajax({ url: "url& ...
- jQuery ajax的traditional参数的作用
一般的,可能有些人在一个参数有多个值的情况下,可能以某个字符分隔的形式传递,比如页面上有多个checkbox: ? 1 2 3 4 5 6 $.ajax{ url:"xxxx&q ...
- jQuery ajax传递特殊字符参数(例如+)
使用jQuery ajax向后台传递参数para=1+1时后台接收到的参数为para=1 1,解决方案是 使用json传递,代码如下. var url = "/test/check" ...
- jquery ajax中data属性详解
$.post.$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax() 一.$.ajax的一般格式 $.ajax({ type: 'POST', url: url , ...
- jQuery ajax中的参数含义
所有options均可选,下面简要说明每个option 1.async 默认为true,即请求为异步请求,这也是ajax存在的意义.但同时也可以将这个参数设置为false,实现同步请求.(同步请求会锁 ...
随机推荐
- 阿里云服务器ECS web环境配置(LNAP)ubantu
Ubuntu 系统中,可以使用 apt-get 命令来搭建 LNMP环境.这种方式较编译方式安装更加简便 安装Nginx 1.使用 sudo apt-get install nginx 就能自动安装 ...
- SDOI2019Round1游记
SDOI2019Round1游记 Day 0 报道日,早晨五点睡的觉,一觉醒来已经一点半了,收拾收拾东西报道去了.因为没吃饭,坐着出租车晕车了,我让师傅把我放到历下大润发,我去金拱门吃了点饭才去的23 ...
- 护眼色的RGB值和颜色代码汇总
源: 网上流行护眼色的RGB值和颜色代码汇总 网上流行护眼色的RGB值和颜色代码 在搜索引擎搜“护眼色”,就会搜出一堆关于保护眼睛的屏幕颜色文章,说的统统是一种颜色,有点像绿豆沙的颜色.方法就是在屏幕 ...
- pyDay2
内容来自廖雪峰的官方网站 1.dict 为什么dict查找速度这么快?因为dict的实现原理和查字典是一样的.假设字典包含了1万个汉字,我们要查某一个字,一个办法是把字典从第一页往后翻,直到找到我们想 ...
- 02: 安装epel 解决centos7无法使用yum安装nginx
参考网址: http://www.mamicode.com/info-detail-1671603.html 1.yum命令安装 yum install epel-release -y 2.更新数据 ...
- 20145317彭垚《网络对抗》Exp7 网络欺诈技术防范
20145317彭垚<网络对抗>Exp7 网络欺诈技术防范 基础问题回答 通常在什么场景下容易受到DNS spoof攻击? 在同一局域网下比较容易受到DNS spoof攻击,攻击者可以冒充 ...
- 20145208 蔡野《网络对抗》shellcode注入&Return-to-libc攻击深入
20145208 蔡野<网络对抗>shellcode注入&Return-to-libc攻击深入 Shellcode注入 shellcode的获取代码 我使用了许心远同学博客中的代码 ...
- 车载项目问题解(memset)
1memset函数解 1.void *memset(void *s,int c,size_t n) 总的作用:将已开辟内存空间 s 的首 n 个字节的值设为值 c.2.例子 #includevoid ...
- STM32唯一的ID
请看如下程序: /*------------------------------------------------------------------------------------------ ...
- JVM类加载机制总结
1.运行时加载优点 提高灵活性,可以在运行时动态加载,连接.例子:面向接口编程,动态绑定实现类(但C++也有动态绑定,说明动态绑定不一定通过运行时加载Class字节码实现,也可能是机器码支持的) 2. ...