ajax 的data,ajax请求的data数据格式

ajax提交data类型

一、问题来源

今天使用ajax时，发现get传data时，传递json字符串时传不过去参数，所以做了一些实验测试ajax的get和post的传递data时的不同。

二、概念

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

json格式

json字符串格式

标准参数模式

1.json格式

形如：

{“username”:”chen”,”nickname”:”alien”}

ajax：

$.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：

$.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：

$.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请求！

ajax请求: var data ='{"useName":"'+name+'",}' $.ajax({ type:"post", url: ...

爬虫(八)：分析Ajax请求抓取今日头条街拍美图

(1):分析网页 分析ajax的请求网址,和需要的参数.通过不断向下拉动滚动条,发现请求的参数中offset一直在变化,所以每次请求通过offset来控制新的ajax请求. (2)上代码 a.通过aj ...

jquery发送ajax请求返回数据格式

jquery向服务器发送一个ajax请求后,可以返回多种类型的数据格式,包括:html,xml,json,text等. 1.html格式的数据 "

Ajax请求传递参数遇到的问题

想写个同类型的,代码未测. 什么是WebAPI?我的理解是WebAPI+JQuery(前端)基本上能完成Web MVC的功能,即:这么理解吧,WebAPI相当于Web MVC的后台部分. 接下来直接上 ...

jquey的 ajax请求的几种方式

在jquery中,提供了集中方法来进行ajax操作 一.$.get(url,[data],[callback]) 向服务器发起get操作. 说明:url为请求地址,data为请求数据的列表(json对 ...

随机推荐

Spark SQL概念学习系列之如何使用 Spark SQL(六)

val sqlContext = new org.apache.spark.sql.SQLContext(sc) // 在这里引入 sqlContext 下所有的方法就可以直接用 sql 方法进行查询 ...

mongodb安装 win7版

首先下载mongdb的zip包,可以到:http://www.mongodb/downloads.选择32位或64位的. 在D盘创建mongodb文件夹,d:\mongodb.把解压里面所有的 ...

asp.net后台发送HTTP请求

一.文件流方式(转自:http://blog.csdn/u011511086/article/details/53216330) /// 发送请求 /// / ...

freemarker自定义标签报错(三)

freemarker自定义标签 1.错误描述 freemarker.core.ParseException: Encountered " " at line 14, column ...

js面向对象自定义MyString()的构造器函数，实现内建String()属性和方法：

js面向对象自定义MyString()的构造器函数,实现内建String()属性和方法: var s = new MyString('hello'); s.length; s[0]; // &quot ...

Numpy安装

Python官网上的发行版是不包含Numpy模块的. 1.使用已有的发起行版本 对于许多用户,尤其是在Windows上,最简单的方法就是下载以下的Python发行版,他们包涵了所有的关键包(包括Num ...

转载>>ASCII、UTF8、Uncicode编码下的中英文字符大小

原地址:http://www.tracefact/CSharp-Programming/Network-Programming-Part2.aspx ASCII.UTF8.Uncicode编码 ...

Beta版本使用说明

一.产品介绍 我们做的是一个基于安卓的手机app,通过连接图书馆的数据库,实现查询图书馆的书目信息的功能. 二.软件运行 我们只做了安卓版本,需要在安卓环境下运行. 三.软件结构 本软件主要包括客户端 ...

jenkins权限管理，不同用户显示不同项目

1.安装Role-based Authorization Strategy插件 系统管理-管理插件-可选插件中安装Role-based Authorization Strategy 安装后重启jenk ...