獲得400錯誤的請求而發送具有對象angularjs post請求

Question

UI代碼

var page1={"name":"raj","acc":"123"}; 
    var page2={"name1":"sathi","acc2":"321"}; 

    var finl={"page1":page1,"page2":page2}; 

    var response=$http.post("myfirsturl",{"page1":page1,"page2":page2}); 

彈簧控制器代碼

@RequestMapping(value="/myfirsturl",method=RequestMethod.POST) 
public String hello1(@RequestBody sampledetails details){ 

    page1 obj=details.getPag1(); 
    page2 obj2=details.getPag2(); 

    System.out.println(obj.getName()+" "+obj.getAcc()); 
    System.out.println(obj2.getName1()+" "+obj2.getAcc2()); 


    return ""; 
} 

sampledetails類

public class sampledetails implements Serializable{ 


    private page1 pag1; 
    private page2 pag2; 

    //setters and getters 

Page1類

第2頁類 公共類第2頁實現Serializable {

private String name1; 
    private String acc2; 
    //setters and getters 

我試圖發送對象，它正在對元數據類型而不是工作的對象。

Answer 1

根據您的sampledetails bean類，它是pag1而不是page1。您必須使用成員變量名稱。

更改此

var response=$http.post("myfirsturl",{"page1":page1,"page2":page2}); 

對此

var response=$http.post("myfirsturl",{"pag1":page1,"page2":pag2}); 

或者這樣

$http.post('/myfirsturl', {   
      "pag1" : page1, "pag2" : page2 
     }).success(function(data){ 
      alert("Success"); 
     }) 

控制器

@RestController 
public class Controller { 

    @RequestMapping(value="/myfirsturl",method=RequestMethod.POST) 
    public String hello1(@RequestBody Sampledetails details){ 

     System.out.println("Inside"); 

     Page1 obj=details.getPag1(); 
     Page2 obj2=details.getPag2(); 

     System.out.println(obj.getName()+" "+obj.getAcc()); 
     System.out.println(obj2.getName1()+" "+obj2.getAcc2()); 


     return ""; 
    } 

}