Maison  >  Article  >  développement back-end  >  Explication détaillée de la collection de listes de réussite ajax

Explication détaillée de la collection de listes de réussite ajax

小云云
小云云original
2018-03-21 09:08:492731parcourir

Cet article partage principalement avec vous l'explication détaillée de la collecte des listes de livraison ajax. J'espère qu'il pourra aider tout le monde.

1 : ajax transfère les données de type Listf7e83be87db5cd2d9a8a0b8117b38cd4

code js :

  1. //声明list  
    var _list = [];  
    //放入string对象  
    for (var i = 0; i < 3; i++) {  
        _list[i]="tom";  
    }  
    $.ajax({  
        url : &#39;/ajax/test&#39;,  
        data : "list="+_list,  
        type : "POST",  
        success : function(data) {  
            alert(data);  
        }  
    });


code Java :

  1. @RequestMapping(value="test",method=RequestMethod.POST)  
    @ResponseBody  
    public String ajaxList(@RequestParam("list")List<String> strList){  
        for (String str : strList) {  
            System.out.println(str);  
        }  
        return "OK";  
    }

2 : ajax passe la liste29d5c1fc0a9a7d5f78ab971caa06e684 >Le backend doit utiliser l'outil d'analyse json, j'ai choisi jackson

Importer la dépendance jackson :

  1. <dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.7.3</version>
    </dependency>
  2. code js :


  1. //声明list  
    var _list = [];  
    //创建两个user对象  
    var a= {};  
    a.name="tom";  
    a.age=23;  
    a.city="上海";  
    var b = {};  
    b.name="jack";  
    b.age=25;  
    a.city="安徽";  
    //将user放入_list  
    _list.push(a);  
    _list.push(b);  
    $.ajax({  
        url : &#39;/ajax/test1&#39;,  
        data : "list="+JSON.stringify(_list),  
        type : "POST",  
        success : function(data) {  
            alert(data);  
        }  
    });
    code java :

Trois : lorsque ajax transmet des paramètres complexes, les données d'arrière-plan peuvent être lire directement à partir du flux pour analyse
@RequestMapping(value="test",method=RequestMethod.POST)  
@ResponseBody  
public String ajaxList(@RequestParam("list")String userList) throws Exception{  
    //jackson对象  
    ObjectMapper mapper = new ObjectMapper();  
    //使用jackson将json转为List<User>
    JavaType jt = mapper.getTypeFactory().constructParametricType(ArrayList.class, User.class);     
    List<User> list =  (List<User>)mapper.readValue(userList, jt);  
    return "OK";  
}

code js :

//声明list  
var _list = [];  
//创建两个user对象  
var a= {};  
a.name="tom";  
a.age=23;  
a.city="上海";  
var b = {};  
b.name="jack";  
b.age=25;  
a.city="安徽";  
//将user放入_list  
_list.push(a);  
_list.push(b);  
$.ajax({  
    url : &#39;/querz/test&#39;,  
    data : JSON.stringify(_list),//这里需要json化  
    type : "POST",  
    success : function(data) {  
        alert(data);  
    }  
});
code java :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn