ajax传参的3种形式

在Javascript语法中，{“foo”:“bar”}等效于{foo:“bar”}。

jax有三种传递传递data的方式：

json格式
json字符串格式
标准参数模式
1.json格式形如：
{“username”:”chen”,”nickname”:”alien”}

$.ajax({type: "post",url: "/test/saveUser",data: {"username": "chen","nickname": "alien"},dataType: "json",success: function(data) {console.log(data);}
});

2.json字符串

形如：
“{“username”:”chen”,”nickname”:”alien”}” 或者JSON.stringify({“username”:”chen”,”nickname”:”alien”})

$.ajax({type: "post",url: "/test/saveUser",data: JSON.stringify({"username": "chen","nickname": "alien"}),contentType: "json/application"dataType: "json",success: function(data) {console.log(data);}
});

用此格式get请求参数传递不过去，不会把json串解析成参数
而且需要添加 contentType:”json/application”

3.标准参数模式

形如：
“username=chen&nickname=alien

$.ajax({type: "post",url: "/test/saveUser",data: "username=chen&nickname=alien",dataType: "json",success: function(data) {console.log(data);}
});

$(“#form1”).serialize() 就是把表单的数据拼成这个格式的字符串！

总结：
post请求能用1、2、3类型传递参数
get请求能用1、3类型传递参数
$(“#form1”).serialize() 是将对应表单中的input的name和value进行拼装，最后拼成3类型的字符串

总结一下ajax请求能够发送的数据格式：

(1)&连接的key=value，适用于GET和POST请求，此时contentType必须为application/x-www-form-urlencoded，后端不能使用@RequestBody注解
(2)json对象，适用于GET和POST请求，且此时contentType必须为application/x-www-form-urlencoded，ajax会自动将 json对象转化为&连接的key=value格式的数据，GET请求就拼接在url后面，POST请求就放入post请求体中，后端不能使用@RequestBody注解
(4)json字符串，只适用于POST请求，且此时contentType必须为application/json，后端必须使用@RequestBody注解

ajax传参的3种形式相关推荐

Python基础day05【函数（函数传参的两种形式、函数形参）、拆包、引用、可变与不可变类型、引用做函数参数注意点】
视频.源码.课件.软件.笔记:超全面Python基础入门教程[十天课程]博客笔记汇总表[黑马程序员] 目录 0.复习 1.函数传参的两种形式[掌握] 2.函数形参 2.1.缺省参数(默认参数) ...
ajax的data传参的两种方式
ajax的data传参的两种方式本文为转载. 1.[javascript] view plaincopy /** * 订单取消 * @return {Boolean} 处理是否成功 */ fun ...
react 子传参父_react子父传参有几种方法？
react子父传参有几种方法?下面本篇文章给大家介绍一下react父子组件传参(值)的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. react父子组件传参(值)的几种方法一 ...
【Vue】路由Router传参的两种方式（详解）
本文我们来介绍一下Vue中的路由传参问题,首先我们来准备一个基本路由的页面,如下: <!DOCTYPE html> <html lang="en"> & ...
vue路由传参的三种方式/含页面刷新参数丢失解决方案(详细)
vue路由传参的三种方式以及页面刷新参数丢失问题一.路由传参的三种方式 1.传参方式一:params传参 2.传参方式二:路由属性配置传参 3.传参方式三:query传参二.三种传递方式的区别一 ...
详解vue路由传参的三种方式
在我们开发vue项目的时候,路由传参几乎是我们必须要用到的,一般出现场景是,当我们点击某个组件的某个按钮时跳转到另一个组件中,并携带参数,便于第二个组件获取数据.下面我就来说说vue路由传参的三种方式 ...
Vue 路由组件通讯传参的 8 种方式
当 props 是一个对象时,它将原样设置为组件 props.当 props 是静态的时候很有用. 我们在开发单页面应用时,有时需要进入某个路由后基于参数从服务器获取数据,那么我们首先要获取路由传递过 ...
Vue 路由组件传参的 8 种方式
我们在开发单页面应用时,有时需要进入某个路由后基于参数从服务器获取数据,那么我们首先要获取路由传递过来的参数,从而完成服务器请求,所以,我们需要了解路由传参的几种方式,以下方式同 vue-router ...
data参数 layui_layui ajax传参的data类型
前台layui table组件,后台是PHP,监听btn-submit按纽传递数据交互一般用ajax传参时,其语法为 form.on('submit(add)',function(data){ // ...
VUE路由跳转传参的七种方法
vue中每个页面都需要在路由中声明,就是在router/index.js中写 import Vue from 'vue' import Router from 'vue-router' import ...

ajax传参的3种形式

ajax传参的3种形式相关推荐

最新文章

热门文章