jsを使ってコントローラーにjsonパラメータを渡す手順を詳しく解説

今回は、js経由でコントローラーにjsonパラメーターを渡す手順について詳しく説明します。jsがコントローラーにjsonパラメーターを渡すための注意事項は何ですか?実際のケースを見てみましょう。

Spring MVCはコレクション

リクエストパラメータを受信する際にControllerメソッドのコレクションパラメータの前に@RequestBodyを追加する必要があり、@RequestBodyで受け取るenctype(MIMEエンコーディング)はデフォルトでapplication/jsonなので送信時に必須となります。 POST リクエスト リクエスト ヘッダー情報を設定します。設定しないと、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: 'json', 
 data: {"idList":idList,"isBatch":isBatch}, 
 success: function(data){ 
  … 
 }, 
 error: function(res){ 
  … 
 } 
});

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

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

@Controller 
@RequestMapping("/catalog.do") 
public class CatalogController { 
 
 @RequestMapping(params = "fn=deleteCatalogSchemes") 
 @ResponseBody 
 public AjaxJson deleteCatalogSchemes(@RequestParam("idList[]") List<String> idList,Boolean isBatch) { 
   … 
 } 
}

2. ページjsコード:

public class User { 
  private String name; 
 private String pwd; 
 //省略getter/setter 
}

3. 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<User> userList) { 
  … 
 } 
}

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

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){ 
  … 
 } 
});

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 推奨読書:

Vue が HTML 文字列を HTML に変換する手順の詳細な説明

環境の受け渡しパラメーターに基づいてさまざまなドメイン名をパッケージ化する Vue の方法

以上がjsを使ってコントローラーにjsonパラメータを渡す手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。