js はコントローラーのステップ分析に json パラメーターを渡します-jsチュートリアル-php.cn

js はコントローラーのステップ分析に json パラメーターを渡します

php中世界最好的语言

リリース： 2018-05-11 14:20:18

オリジナル

1819 人が閲覧しました

今回は、js 経由でコントローラーに json パラメーターを渡す手順の分析をお届けします。js がコントローラーに json パラメーターを渡すための注意事項は何ですか。実際のケースを見てみましょう。

Spring MVCはコレクション

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

次に、List、List、List>、User[]、User (Bean には 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){ 
  … 
 } 
});

ログイン後にコピー

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 サイトの他の関連記事に注目してください。推奨書籍:

Angular がサーバーサイドレンダリング開発を実行する方法

vue 全選択機能と逆選択機能を実装する場合の詳細な説明

以上がjs はコントローラーのステップ分析に json パラメーターを渡しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。