jquery ajax各个属性,jquery ajax提交json格式的数据，后台接收并显示各个属性

我的表单如下:

• 用户名

  name='user'>

• 密码

  name='pwd'>

• 爱好 bike

  football

  type='checkbox' name='car'>car

• 居住地

提交的数据如下：

function sub() {

var data = {

like : []

};

$(':checkbox:checked').each(function() {

data.like.push($(this).val());

})

//console.log(data.like);

$.ajax({

type:'post',

url:'list.do',

dataType : "json",

data: {data:JSON.stringfy(data)},

error:function(){

alert("失败");

},

success:function(){

alert("成功");

}

})

}

后台获取数据：

public void service(ServletRequest req, ServletResponse res)

throws ServletException, IOException {

try {

JSONObject jo = new JSONObject(req.getParameter("data"));

Iterator it = jo.keys(); // gets all the keys

while (it.hasNext()) {

String key = (String) it.next(); // get key

Object o = jo.get(key); // get value

System.out.println(key + " : " + o); // print the key and value

}

} catch (JSONException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

}

参考页面:

Ajax--PHP+JQuery+Ajax解析json、XML数据、加载页面

一.JQuery+Ajax用get.post方式提交和请求数据 知识要点: $('#userName').blur(function () { var txt = $(this).val(); $.a ...

ajax 提交 json格式数据到后台

例子:$.ajax({ type: 'POST', url: "/ROOT/modify.do", contentType: "application/json&quot ...

Jquery Ajax 提交json数据

在MVC控制器(这里是TestController)下有一个CreateOrder的Action方法 [HttpPost] public ActionResult CreateOrder(List&l ...

js Form表单转json格式，及后台接收(多种方法)

转载:https://blog.csdn.net/qq_40138785/article/details/81533015 一.serialize()方法格式:var data = $("# ...

将table中的值转换成json格式传到后台接收处理。

table数据

编号&lt ... jQuery.ajax提交JSON数据 $.ajax({ type: 'POST', url: "URL", contentType:'application/json', //需要加contentType crossD ... javascript 解析ajax返回的xml和json格式的数据 写个例子,以备后用 一.JavaScript 解析返回的xml格式的数据: 1.javascript版本的ajax发送请求 (1).创建XMLHttpRequest对象,这个对象就是ajax请求的核心 ... PHP接收JSON格式的数据 在API服务中,目前流行采用json形式来交互. 给前端调用的接口输出Json数据,这个比较简单,只需要组织好数据,用json_encode($array) 转化一下,前端就得到json格式的数据. ... jQuery中使用Ajax获取JSON格式数据示例代码 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSONM文件中包含了关于“名称”和“值”的信息.有时候我们需要读取JSON格式的数据文件,在jQuery中 ... 随机推荐 平台之大势何人能挡？ 带着你的Net飞奔吧！ 镇楼图: 跨平台系列: Linux基础 1.Linux基础学习 By dnt http://www.cnblogs.com/dunitian/p/4822807.html 环境配置 1.Hyper-v ... 团队项目UML用例图 团队项目UML用例图 攻城狮在路上(叁)Linux(零)--- 软件环境、参考书目等一览表 1.参考书目:鸟哥的Linux私房菜. 2.环境: Cent_os. [转载]115个Java面试题和答案 不知道大家有没有这样的体会,就是找工作的时候不得不准备大量面试题,而工作的时间长了面试题里的精髓却忘的差不多了... 转载几篇Java面试的bolg,温故而知新,最重要的是常来看看. 1. http: ... MySQL5.6 ALTER TABLE 分析和测试 在MySQL5.5和之前版本,在运行的生产环境对大表(超过数百万纪录)执行Alter操作是一件很困难的事情.因为将重建表和锁表,影响用户者的使用.因此知道Alter操作何时结束对我们是非常重要的.甚至 ... lintcode：Recover Rotated Sorted Array恢复旋转排序数组 题目: 恢复旋转排序数组 给定一个旋转排序数组,在原地恢复其排序. 样例 [4, 5, 1, 2, 3] -> [1, 2, 3, 4, 5] 挑战 使用O(1)的额外空间和O(n)时间复杂度 ... Java网页数据采集器[续篇-远程操作]【转载】 本期概述 上期我们学习了html页面采集后的数据查询, 但这仅仅是在本地查询数据库,如果我们想通过远程操作来进行数据的采集,存储和查询,那又该怎么做呢? 今天我们一起来学习下:如何通过本地客户端远程访 ... linux 下 apache启动、停止、重启命令 原文:linux 下 apache启动.停止.重启命令 基本的操作方法: 本文假设你的apahce安装目录为/usr/local/apache2,这些方法适合任何情况 apahce启动命令: 推荐/u ... jsp页面中EL表达式不能被解析 原因是:在默认情况下,Servlet 2.4 / JSP 2.0支持 EL 表达式. 用maven插件的生成的webApp的项目结构比较老的是2.3的版本,只要将web中的开头定义换成2.4以上的定义 ... Axure如何建立共享项目、如何编辑共享项目、如何获取共享项目 如果小伙伴是一名编程工作者,我们不可以避免的会和Axure这块软件握手,但是但一个项目需要协同操作的时候,就需要用到项目共享的功能.类似我们的svn,想起机房合作的时候,每天早上来到427的我们,打开 ...