ホームページ > ウェブフロントエンド > jsチュートリアル > js は複雑な json パラメーターをコントローラーに渡すことを実装します。

js は複雑な json パラメーターをコントローラーに渡すことを実装します。

小云云
リリース: 2018-03-30 09:39:48
オリジナル
1603 人が閲覧しました

Spring MVCがコレクションリクエストパラメータを受信する場合、Controllerメソッドのコレクションパラメータの前に@RequestBodyを追加する必要があります。@RequestBodyで受信するデフォルトのenctype(MIMEエンコーディング)はapplication/jsonであるため、送信時にリクエストヘッダを設定する必要があります。そうしないと、Spring MVC は、コレクション リクエストのパラメーターを解析するときに、それを JSON データに自動的に変換し、対応するコレクションに解析しません。

次に、List、List、List>、User[]、User (Bean には List が含まれます) を受け取る、より複雑なコレクション パラメーターの例を示します。 ;String> コレクション パラメーター:

1、ページ JS コード:

var idList = new Array(); 
idList.push(“1”); 
idList.push(“2”); 
idList.push(“3”); 
var isBatch = false; 
$.ajax({ 
 type: "POST", 
 url: "<%=path%>/catalog.do?fn=deleteCatalogSchemes", 
 dataType: &#39;json&#39;, 
 data: {"idList":idList,"isBatch":isBatch}, 
 success: function(data){ 
  … 
 }, 
 error: function(res){ 
  … 
 } 
});
ログイン後にコピー

2、コントローラー メソッド:

@Controller 
@RequestMapping("/catalog.do") 
public class CatalogController { 
 
 @RequestMapping(params = "fn=deleteCatalogSchemes") 
 @ResponseBody 
 public AjaxJson deleteCatalogSchemes(@RequestParam("idList[]") List<String> idList,Boolean isBatch) { 
   … 
 } 
}
ログイン後にコピー

Receive List、User[] コレクション パラメーター:

1、ユーザー エンティティ クラス:

public class User { 
  private String name; 
 private String pwd; 
 //省略getter/setter 
}
ログイン後にコピー

2、ページ js コード:

var userList = new Array(); 
userList.push({name: "李四",pwd: "123"}); 
userList.push({name: "张三",pwd: "332"}); 
$.ajax({ 
 type: "POST", 
 url: "<%=path%>/catalog.do?fn=saveUsers", 
 data: JSON.stringify(userList),//将对象序列化成JSON字符串 
 dataType:"json", 
 contentType : &#39;application/json;charset=utf-8&#39;, //设置请求头信息 
 success: function(data){ 
  … 
 }, 
 error: function(res){ 
  … 
 } 
});
ログイン後にコピー
ログイン後にコピー

3. コントローラー メソッド:

@Controller 
@RequestMapping("/catalog.do") 
public class CatalogController { 
 
 @RequestMapping(params = "fn=saveUsers") 
 @ResponseBody 
 public AjaxJson saveUsers(@RequestBody List<User> userList) { 
  … 
 } 
}
ログイン後にコピー

User[] 配列を受け取りたい場合は、saveUsers のパラメーターの型を @RequestBody User[] userArray に変更するだけです。

Receive List> コレクション パラメーター:

1. ページ js コード (ユーザー オブジェクトは必要ありません):

var userList = new Array(); 
userList.push({name: "李四",pwd: "123"}); 
userList.push({name: "张三",pwd: "332"}); 
$.ajax({ 
 type: "POST", 
 url: "<%=path%>/catalog.do?fn=saveUsers", 
 data: JSON.stringify(userList),//将对象序列化成JSON字符串 
 dataType:"json", 
 contentType : &#39;application/json;charset=utf-8&#39;, //设置请求头信息 
 success: function(data){ 
  … 
 }, 
 error: function(res){ 
  … 
 } 
});
ログイン後にコピー
ログイン後にコピー

2. コントローラー メソッド:

@Controller 
@RequestMapping("/catalog.do") 
public class CatalogController { 
 
 @RequestMapping(params = "fn=saveUsers") 
 @ResponseBody 
 public AjaxJson saveUsers(@RequestBody List<Map<String,Object>> listMap) { 
  … 
 } 
}
ログイン後にコピー

ユーザーを受信します (Bean にはリストが含まれます)パラメーター:

1、ユーザー エンティティ クラス:

public class User { 
 private String name; 
 private String pwd; 
 private List<User> customers;//属于用户的客户群 
 //省略getter/setter 
}
ログイン後にコピー

2、ページ JS コード:

var customerArray = new Array(); 
customerArray.push({name: "李四",pwd: "123"}); 
customerArray.push({name: "张三",pwd: "332"}); 
var user = {}; 
user.name = "李刚"; 
user.pwd = "888"; 
user. customers = customerArray; 
$.ajax({ 
 type: "POST", 
 url: "<%=path%>/catalog.do?fn=saveUsers", 
 data: JSON.stringify(user),//将对象序列化成JSON字符串 
 dataType:"json", 
 contentType : &#39;application/json;charset=utf-8&#39;, //设置请求头信息 
 success: function(data){ 
  … 
 }, 
 error: function(res){ 
  … 
 } 
});
ログイン後にコピー

3、コントローラー メソッド:

@Controller 
@RequestMapping("/catalog.do") 
public class CatalogController { 
 
 @RequestMapping(params = "fn=saveUsers") 
 @ResponseBody 
 public AjaxJson saveUsers(@RequestBody User user) { 
  List<User> customers = user.getCustomers(); 
  … 
 } 
}
ログイン後にコピー

関連推奨事項: MVC でコントローラー、URL、アクションを取得するための


ASP.NET方法の説明

以上がjs は複雑な json パラメーターをコントローラーに渡すことを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート