1. 前端多個(gè)對(duì)象數(shù)組的JSON.stringify轉(zhuǎn)化為字符串傳參，后端集合對(duì)象接收:

var arr = [ 0, 1, 2];
var myJSON = JSON.stringify(arr);
此時(shí)myJSON字符串就是’[0,1,2]',傳給后臺(tái)接受

前端

	//頁面加載完畢
	$(function(){

		var data = [{
			loginAct:111,
			loginPwd:1111,
		},{
			loginAct:222,
			loginPwd:2222,
		}];
		//轉(zhuǎn)化成json格式發(fā)送
		data = JSON.stringify(data);
		//發(fā)送請(qǐng)求
		$.ajax({
			url:'test',
			data:data,
			contentType: "application/json",
			type:'post',
			dataType:'json',
			success:function (data) {
				debugger
			},
			beforeSend:function () {//當(dāng)ajax向后臺(tái)發(fā)送請(qǐng)求之前，會(huì)自動(dòng)執(zhí)行本函數(shù)；
				//該函數(shù)的返回值能夠決定ajax是否真正向后臺(tái)發(fā)送請(qǐng)求：
				//如果該函數(shù)返回true,則ajax會(huì)真正向后臺(tái)發(fā)送請(qǐng)求；否則，如果該函數(shù)返回false，則ajax放棄向后臺(tái)發(fā)送請(qǐng)求。
				$("#msg").text("正在努力驗(yàn)證....");
				return true;
			}
		});

后端方法1（使用spring注解@RequestBody接收）：

    @PostMapping("test")
    @ResponseBody
    public void test(@RequestBody List<UserDTO> datas){
        for (UserDTO data:datas) {
            data.setEmail("122");
            System.out.println(data);
        }
		//datas.getClass().toString()獲取datas的數(shù)據(jù)類型
        System.out.println(datas.getClass().toString());

    }

后端方法1的對(duì)象UserDto

package com.mycrm.maven.workbench.dto;

import java.io.Serializable;

/**
 * dto
 * @author AUAS
 */
public class UserDTO implements Serializable {
    private String loginAct;
    private String loginPwd;
    private String email;

    public String getLoginAct() {
        return loginAct;
    }

    public void setLoginAct(String loginAct) {
        this.loginAct = loginAct;
    }

    public String getLoginPwd() {
        return loginPwd;
    }

    public void setLoginPwd(String loginPwd) {
        this.loginPwd = loginPwd;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }
}

后端方法2（使用JSON.parseArray()把前端 [{“l(fā)oginAct”:111,“l(fā)oginPwd”:1111},{“l(fā)oginAct”:222,“l(fā)oginPwd”:2222}] 數(shù)據(jù)轉(zhuǎn)化為LIST）：

@PostMapping("test")
    @ResponseBody
    public void test(@RequestParam(value = "data", required = false, defaultValue = "[]")String data){
        //把前臺(tái)傳來的數(shù)據(jù)('[]')轉(zhuǎn)化為List
        List<UserDTO> datas = JSON.parseArray(data,UserDTO.class);
        for (UserDTO dataOne:datas) {
            dataOne.setEmail("122");
            System.out.println(dataOne);
        }
        System.out.println(datas.getClass().toString());

    }

2.前端對(duì)象傳參，后端直接對(duì)應(yīng)接收：

var data = {“title”:“標(biāo)題”, “systemType”:[1,2,3]}

前端

	//頁面加載完畢
	$(function(){

	    //創(chuàng)建數(shù)組
        var systemType= new Array();
        systemType.push(0);
        systemType.push(1);
        systemType.push(2);

		//發(fā)送請(qǐng)求
		$.ajax({
			url:'test',
            data: {"title":"標(biāo)題", "systemType":systemType},
			type:'post',
			dataType:'json',
			success:function (data) {
				debugger
			},
			beforeSend:function () {//當(dāng)ajax向后臺(tái)發(fā)送請(qǐng)求之前，會(huì)自動(dòng)執(zhí)行本函數(shù)；
				//該函數(shù)的返回值能夠決定ajax是否真正向后臺(tái)發(fā)送請(qǐng)求：
				//如果該函數(shù)返回true,則ajax會(huì)真正向后臺(tái)發(fā)送請(qǐng)求；否則，如果該函數(shù)返回false，則ajax放棄向后臺(tái)發(fā)送請(qǐng)求。
				$("#msg").text("正在努力驗(yàn)證....");
				return true;
			}
		});

后端

/**
     * post請(qǐng)求接收
     * @param
     */
    @RequestMapping(value = "test", method = RequestMethod.POST)
    @ResponseBody
    public String test(
            @RequestParam(value = "title",required = true,defaultValue = "") String title,
            @RequestParam(value = "systemType[]",defaultValue = "[]" ) List<Integer>  systemType
    ){
        return title;
    }

文章來源地址http://www.zghlxwxcb.cn/news/detail-638281.html

3.

到了這里，關(guān)于前端傳值，java后端接收的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！