ホームページ >ウェブフロントエンド >jsチュートリアル >コントローラーは js を受け取り、json パラメーターを渡します
今回はコントローラーがjsを受け取ってjsonパラメータを渡す場合と、コントローラーがjsを受け取ってjsonパラメータを渡す場合の注意点を紹介します。以下は実際的なケースですので見てみましょう。
Spring MVCはコレクションリクエストパラメータを受信する際にControllerメソッドのコレクションパラメータの前に@RequestBodyを追加する必要があり、@RequestBodyで受け取るenctype(MIMEエンコーディング)はデフォルトでapplication/jsonなので送信時に必須となります。 POST リクエスト リクエスト ヘッダー情報を設定します。設定しないと、Spring MVC はコレクション リクエスト パラメーターを解析するときに、それを自動的に JSON データに変換し、対応するコレクションに解析しません。
次に、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
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
}
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 がパラメータメソッドに基づいてドメイン名をパッケージ化する方法の詳細な説明
JS が json 形式の POST リクエストを送信する
以上がコントローラーは js を受け取り、json パラメーターを渡しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。