js传不用ajax数组springmvc,用jQuery ajax传递json数组到springmvc的后台

已知如何在springmvc上在前台用jQuery的ajax传递json数据到后台用request.getParameter("xxx")获取相应参数

现在有需要在前台获取多组“对象”到后台的需求。

前台

2a2bec78b9ca?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

后台

2a2bec78b9ca?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

2a2bec78b9ca?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

image.png

pom依赖

2a2bec78b9ca?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

注意 这个依赖还可以换成org.json 别的转换json的方法

或者可能是更高端的gson这个再说~

代码:

js:

function saveNewCharge(){

var myData=[

{

uid:'张三',

documentName:"12"

},

{

uid:'three',

documentName:"14"

}

];

$.ajax({

url:"../instrument/saveInstrumentAppCharge",

type:'POST',

async:false,

data:{

ds:JSON.stringify(myData)

},

dataType: "json",

success:function(instrumentAppCharge) {

},error:function(){

}

});

//机时费和送样费

//机时预约

//分段

//不分段

//送样检测

//附加收费

//额外费用

//额外费用及时保存 无需保存

}

java:

@ResponseBody

@RequestMapping("/saveInstrumentAppCharge")

public String saveInstrumentAppCharge(HttpServletRequest request) {

String ds=request.getParameter("ds");

try

{

//将字符串转换成jsonObject对象

JSONArray myJsonArray = JSONArray.fromObject(ds);

for(int i=0;i

JSONObject job = JSONObject.fromObject(myJsonArray.getJSONObject(i)); // 遍历 jsonarray 数组,把每一个对象转成 json 对象

System.out.println(job.get("uid")) ; // 得到 每个对象中的属性值

}

}

catch (JSONException e)

{

e.printStackTrace();

}

return "success";

}

pom.xml:

net.sf.json-lib

json-lib

2.3

jdk15

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,您需要在前端页面上编写一个用户注册表单,该表单将用户输入的数据通过Ajax方式提交给后台SpringMVC的Controller处理。 在Controller中,您需要编写一个方法来接收Ajax请求,并将用户输入的数据保存到数据库中。然后,您需要将保存成功的数据通过JSON格式返回给前端页面。 以下是一个SpringMVC Controller的示例代码: ```java @Controller public class UserController { @Autowired private UserService userService; @RequestMapping(value = "/register", method = RequestMethod.POST) public @ResponseBody Map<String, Object> register(User user) { Map<String, Object> result = new HashMap<String, Object>(); if (userService.isExist(user.getUsername())) { result.put("success", false); result.put("message", "Username already exists"); } else { userService.save(user); result.put("success", true); result.put("message", "Registration successful"); } return result; } } ``` 在上面的代码中,我们首先注入了一个UserService对象,该对象用于处理用户注册的业务逻辑。 然后,我们编写了一个/register请求的处理方法,该方法通过@ResponseBody注解将返回结果转换为JSON格式。如果用户输入的用户名已经存在,则返回一个失败的结果;否则,将用户输入的数据保存到数据库中,并返回一个成功的结果。 在前端页面中,您可以通过jQuery的$.post方法来提交Ajax请求,并处理返回的JSON数据。以下是一个简单的示例代码: ```javascript $('#register-form').submit(function(e) { e.preventDefault(); $.post('/register', $(this).serialize(), function(data) { if (data.success) { alert('Registration successful'); // do something else } else { alert(data.message); } }); }); ``` 在上面的代码中,我们首先阻止表单的默认提交行为,然后使用$.post方法提交Ajax请求。如果返回的结果中包含了一个成功的标志,则弹出一个提示框并执行其他操作;否则,弹出一个错误提示框。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值