ajax往后台传值的一些方式
$('#del1').click(function () {
$.ajax({
url: 'http://localhost:8089/test1',
data: {a: 1, b: 2},
type: 'post',
success: function (r) {
console.log(r)
}
})
})
$('#del2').click(function () {
$.ajax({
url: 'http://localhost:8089/test2',
data: {a: 1, b: 2},
type: 'post',
success: function (r) {
console.log(r)
}
})
})
//在 jquery 的 ajax 中, contentType都是默认的值:application/x-www-form-urlencoded,这种格式的特点就是,name/value 成为一组,每组之间用 & 联接,而 name与value 则是使用 = 连接。如: wwwh.baidu.com/q?key=fdsa&lang=zh 这是get , 而 post 请求则是使用请求体,参数不在 url 中,在请求体中的参数表现形式也是: key=fdsa&lang=zh的形式。
$('#del3').click(function () {
$.ajax({
url: 'http://localhost:8089/test3',
data: {id: 1, name: 'zhangsan', sex: '男'},
type: 'post',
success: function (r) {
console.log(r)
}
})
})
$('#del4').click(function () {
$.ajax({
url: 'http://localhost:8089/test4',
data: JSON.stringify({id: 1, name: 'zhangsan', sex: '男'}),
contentType: "application/json;charset=UTF-8",
type: 'post',
success: function (r) {
console.log(r)
}
})
})
$('#del5').click(function () {
$.ajax({
url: 'http://localhost:8089/test5?a=1',
data: JSON.stringify({id: 1, name: 'zhangsan', sex: '男'}),
contentType: "application/json;charset=UTF-8",
type: 'post',
success: function (r) {
console.log(r)
}
})
})
$('#del6').click(function () {
$.ajax({
url: 'http://localhost:8089/test6',
data: {arr: [1, 2, 3, 4]},
type: 'post',
success: function (r) {
console.log(r)
}
})
})
$('#del7').click(function () {
$.ajax({
url: 'http://localhost:8089/test7',
data: JSON.stringify([1, 2, 3, 4]),
contentType: "application/json;charset=UTF-8",
type: 'post',
success: function (r) {
console.log(r)
}
})
})后台代码:
@RequestMapping("/test1")
public String get1(String a,String b){
return "";
}
@RequestMapping("/test2")
public String get2(@RequestParam("a") String a,@RequestParam("b") String b){
return "";
}
@RequestMapping("/test3")
public String get3(Person person){
return "";
}
@RequestMapping("/test4")
public String get4(@RequestBody Person person){
return "";
}
@RequestMapping("/test5")
public String get5(@RequestBody Person person,@RequestParam("a") String a){
return "";
}
@RequestMapping("/test6")
public String get6(@RequestParam("arr[]") Integer[] arr){
return "";
}
@RequestMapping("/test7")
public String get7(@RequestBody Integer[] arr){
return "";
}
ajax往后台传值的一些方式的更多相关文章
- ajax向后台传值
function save_person(){ //保存个人信息编辑 var data = getFormJson(".row"); //获取表单数据 $.post(clerk_u ...
- ajax data属性传值的方式总结
在和后台同事对接口的时候,有一个小问题一直困扰着我.那就是用ajax请求后台接口数据,需要用data属性传值的时候,data属性传值的方式感觉没有统一用一种方式. 后来仔细想想,其实哪种方式都可以,主 ...
- 前台返回json数据的常用方式+常用的AJAX请求后台数据方式
我个人开发常用的如下所示: 之所以像下面这样下,一是前台Ajax,二是为安卓提供接口数据 现在常用的是返回JSON数据,XML的时代一去不复返 JSON相对于XML要轻量级的多 对JSON不是十分熟悉 ...
- C# 动态创建SQL数据库(二) 在.net core web项目中生成二维码 后台Post/Get 请求接口 方式 WebForm 页面ajax 请求后台页面 方法 实现输入框小数多 自动进位展示,编辑时实际值不变 快速掌握Gif动态图实现代码 C#处理和对接HTTP接口请求
C# 动态创建SQL数据库(二) 使用Entity Framework 创建数据库与表 前面文章有说到使用SQL语句动态创建数据库与数据表,这次直接使用Entriy Framwork 的ORM对象关 ...
- mvc ajax给control传值问题
jquery中的ajax操作给后台传值 $.ajax({ type: 'POST', url: '<%=Url.Action("test","testIndex ...
- springmvc之前后台传值
一.向后台传值 1.项目结构 2.jar包 3.spring-config.xml <?xml version="1.0" encoding="UTF-8" ...
- ajax与后台交互传输数据的工具类
public class Result<T> implements Serializable { private static final long serialVersionUID = ...
- ajax简单后台交互-我们到底能走多远系列(28)
我们到底能走多远系列(28) 1,扯淡 单身的生活,大部分时间享受自由,小部分时间忍受寂寞. 生活有时候,其实蛮苦涩,让人难以下咽.那些用岁月积累起来的苦闷,无处宣泄,在自己的脑海里蔓延成一片片荆棘, ...
- PHP后台传值
前台数据往后台传值,往往是新手最头痛的,最近在学习thinkPHP的时候,也遇到了这种问题,总结一下,往不足之处请大家指教. 一.前台界面代码,往后台传值有两种方式,一种是get,另一种是post,新 ...
随机推荐
- selenium篇之滑动验证码
一.介绍 现在出现了一种通过用户鼠标移动滑块来填补有缺口图片的验证码,我们叫做滑动验证码.它的原理很简单,首先生成一张图片,然后随机挖去一块,在页面展示被挖去部分的图片,再通过js获取用户滑动距离,以 ...
- 【线段树】【P5522】[yLOI2019] 棠梨煎雪
C [yLOI2019] 棠梨煎雪 Background 岁岁花藻檐下共将棠梨煎雪 自总角至你我某日辗转天边 天淡天青 宿雨沾襟 一年一会信笺却只见寥寥数言 --银临<棠梨煎雪> Desc ...
- 【luoguP1168】中位数
题目链接 用一个大根堆和一个小根堆维护中位数即可 #include<iostream> #include<cstring> #include<cstdio> #in ...
- servlet生成json数据返回至Ajax
一.JSON JSON是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度. JSON就是一串字符串 只不过元素会使用特定的符号标 ...
- 第08组 Beta冲刺(1/5)
队名:955 组长博客:点这里! 作业博客:点这里! 组员情况 组员1(组长):庄锡荣 过去两天完成了哪些任务 文字/口头描述 检测网站不合理的地方,给组员定下相应时间进度的安排 展示GitHub当 ...
- 基于GPU的算法并行化
GPU计算的目的即是计算加速.相比于CPU,其具有以下三个方面的优势: l 并行度高:GPU的Core数远远多于CPU(如G100 GPU有240个Cores),从而GPU的任务并发度也远高于CPU ...
- HTTP、HTTP2.0、SPDY、HTTPS 你应该知道的一些事
参考: https://www.cnblogs.com/wujiaolong/p/5172e1f7e9924644172b64cb2c41fc58.html
- gamma测试报告
Gamma阶段测试报告 测试计划及结果 我们针对测试做了比较多的改进. 测试代码分为针对纯java部分的单元测试和需要android运行环境的自动化仪器化测试 单元测试 这一部分基本继承Beta阶段的 ...
- Linux 教你如何预防删库到跑路
学习linux之前,有几个命令是必须记住的 我们最常见的删库命令 rm -rf /** 这个命令可以在你心情不好的时候,对着公司服务器操作一番,保证让你一时爽, 删完库这个时候你就该跑路了,但是你真的 ...
- eclipse配置lombok插件
下载lombok-1.16.12.jar包 然后将包添加到eclipse.ini 同级目录下 打开eclipse目录:最后两行添加如下配置: -Xbootclasspath/a:lombok-1.16 ...