$('#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往后台传值的一些方式的更多相关文章

  1. ajax向后台传值

    function save_person(){ //保存个人信息编辑 var data = getFormJson(".row"); //获取表单数据 $.post(clerk_u ...

  2. ajax data属性传值的方式总结

    在和后台同事对接口的时候,有一个小问题一直困扰着我.那就是用ajax请求后台接口数据,需要用data属性传值的时候,data属性传值的方式感觉没有统一用一种方式. 后来仔细想想,其实哪种方式都可以,主 ...

  3. 前台返回json数据的常用方式+常用的AJAX请求后台数据方式

    我个人开发常用的如下所示: 之所以像下面这样下,一是前台Ajax,二是为安卓提供接口数据 现在常用的是返回JSON数据,XML的时代一去不复返 JSON相对于XML要轻量级的多 对JSON不是十分熟悉 ...

  4. C# 动态创建SQL数据库(二) 在.net core web项目中生成二维码 后台Post/Get 请求接口 方式 WebForm 页面ajax 请求后台页面 方法 实现输入框小数多 自动进位展示,编辑时实际值不变 快速掌握Gif动态图实现代码 C#处理和对接HTTP接口请求

    C# 动态创建SQL数据库(二) 使用Entity Framework  创建数据库与表 前面文章有说到使用SQL语句动态创建数据库与数据表,这次直接使用Entriy Framwork 的ORM对象关 ...

  5. mvc ajax给control传值问题

    jquery中的ajax操作给后台传值 $.ajax({ type: 'POST',   url: '<%=Url.Action("test","testIndex ...

  6. springmvc之前后台传值

    一.向后台传值 1.项目结构 2.jar包 3.spring-config.xml <?xml version="1.0" encoding="UTF-8" ...

  7. ajax与后台交互传输数据的工具类

    public class Result<T> implements Serializable { private static final long serialVersionUID = ...

  8. ajax简单后台交互-我们到底能走多远系列(28)

    我们到底能走多远系列(28) 1,扯淡 单身的生活,大部分时间享受自由,小部分时间忍受寂寞. 生活有时候,其实蛮苦涩,让人难以下咽.那些用岁月积累起来的苦闷,无处宣泄,在自己的脑海里蔓延成一片片荆棘, ...

  9. PHP后台传值

    前台数据往后台传值,往往是新手最头痛的,最近在学习thinkPHP的时候,也遇到了这种问题,总结一下,往不足之处请大家指教. 一.前台界面代码,往后台传值有两种方式,一种是get,另一种是post,新 ...

随机推荐

  1. Windbg源代码窗口的使用

    在 WinDbg 中,源窗口显示已加载到调试器中的源文件. 如何打开源代码窗口 通过菜单File--->Open Source File打开源代码文件,窗口随之打开 通过快捷键Ctrl+O 通过 ...

  2. PHP原生分页的编写

    <?php $link=mysql_connect("localhost","root","admin",'news')or die( ...

  3. 【数论&线段树】【P4140】[清华集训2015]奇数国

    Description 有一个长为 \(n\) 的序列,保证序列元素不超过 \(10^6\) 且其质因数集是前60个质数集合的子集.初始时全部都是 \(3\),有 \(m\) 次操作,要么要求支持单点 ...

  4. Google Spreadsheet Add-on Links Extractor 谷歌表格插件链接提取器的制作与发布(附源码)

    引言 为什么想到制作这么一个插件呢,是因为博主在更新微信公众号[刷尽天下]的后台数据库时,需要有博客园题目帖子的链接,那么就要从这篇帖子 LeetCode All in One 题目讲解汇总(持续更新 ...

  5. 将float数字按照一定格式写入到文件中

    /* float.c */ #include<stdio.h> #include<string.h> int main() { FILE *fp = fopen("D ...

  6. E-value identity bitscore

    E-value: The E-value provides information about the likelihood that a given sequence match is purely ...

  7. bind 安装 和配置(master/slave)

    一,软件安装 #sudo yum -y install bind 二,配置 # vi /etc/named.conf  // // named.conf // // Provided by Red H ...

  8. Spring Security教程之基于方法的权限控制(十二)

    目录 1.1     intercept-methods定义方法权限控制 1.2     使用pointcut定义方法权限控制 1.3     使用注解定义方法权限控制 1.3.1    JSR-25 ...

  9. ASP.NET Core消息队列RabbitMQ基础入门实战演练

    一.课程介绍 人生苦短,我用.NET Core!消息队列RabbitMQ大家相比都不陌生,本次分享课程阿笨将给大家分享一下在一般项目中99%都会用到的消息队列MQ的一个实战业务运用场景.本次分享课程不 ...

  10. TestNG入门——注解之Before/After

    注解是java 5新增的功能,可使用于类,方法,变量,testNG包提供的注解功能请见下表 1.@BeforeSuite or @AfterSuite  被注解的方法,将在整个测试套件之前 or 之后 ...