ホームページ > ウェブフロントエンド > jsチュートリアル > JS を使用して List コレクション パラメーターを受け取る

JS を使用して List コレクション パラメーターを受け取る

php中世界最好的语言
リリース: 2018-06-13 09:22:20
オリジナル
7610 人が閲覧しました

今回はJSを使ってListのコレクションパラメータを受け取る方法を紹介します。実際のケースを見てみましょう。

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: 'json', 
 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) { 
   … 
 } 
}
ログイン後にコピー

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 : 'application/json;charset=utf-8', //设置请求头信息 
 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 に渡すだけで済みます。

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

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

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 : 'application/json;charset=utf-8', //设置请求头信息 
 success: function(data){ 
  … 
 }, 
 error: function(res){ 
  … 
 } 
});
ログイン後にコピー
ログイン後にコピー

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

は、ユーザー (リストを含む Bean) コレクション パラメーターを受け取ります:

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

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

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

public class User { 
 private String name; 
 private String pwd; 
 private List<User> customers;//属于用户的客户群 
 //省略getter/setter 
}
ログイン後にコピー
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書: Angularサーバーサイドレンダリングメソッドの概要

Koa2を使用してファイルのアップロードとダウンロードを実装する

以上がJS を使用して List コレクション パラメーターを受け取るの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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