ホームページ > 記事 > ウェブフロントエンド > Spring での ajax およびバックグラウンド データ送信のいくつかの方法の紹介
おすすめ(無料): ajax
最近、ajax を作成してバックグラウンドにデータを送信するときに問題が発生しました。ajax がデータを json 形式でバックグラウンドに送信するようにしたいのですが、バックグラウンドはそれを次の形式で受信します。マップのデータを取得し、マップの形式でデータを返します。しかし、フロントデスクでエラーメッセージ(*) (@415 Unsupported media type) が何度も表示され、情報を参照してようやく解決しました。ここでは、ajax とバックグラウンドの間でデータを送信するいくつかの方法をまとめています。上記の問題の解決策はこの記事の最後にあります。
<code> var id = $("#id").val(); $.ajax({ type: "POST", url: "/IFTree/people/getPeopleById/"+id,//参数放在url中 success:function(data){ alert(data); }, error:function(xhr, textStatus, errorThrown) { } }); </code>
e03b848252eb9375d56be284e690e8738b08b3f7b2164ecdfa085c233ec163d4 getPeopleById(@PathVariable("id") int id) { //@PathVariable("id") 如果参数名与url定义的一样注解可以不用定义("id") System.out.println(id); Map14bd1badcdee783757181db757c9943f map = new HashMap14bd1badcdee783757181db757c9943f(); return map; } }
1cd55414ff5abdfea5dd958e7e547fddbc5574f69a0cba105bc93bd3dc13c4ec
<code> var id = $("#id").val(); $.ajax({ type: "POST", url: "/IFTree/people/getPeopleById", data: {id:id}, success:function(data){ alert(data.result); }, error:function(xhr, textStatus, errorThrown) { } }); </code>
e03b848252eb9375d56be284e690e873ffbe95d20f3893062224282accb13e8f
@RequestMapping(value = "getPeopleById") @ResponseBody public Map14bd1badcdee783757181db757c9943f getPeopleById(HttpServletRequest request,HttpServletResponse response) { int id = Integer.valueOf(request.getParameter("id")); Map14bd1badcdee783757181db757c9943f map = new HashMap14bd1badcdee783757181db757c9943f(); return map; }
1cd55414ff5abdfea5dd958e7e547fddbc5574f69a0cba105bc93bd3dc13c4ec
@RequestMapping(value = "getPeopleById") @ResponseBody public Map14bd1badcdee783757181db757c9943f getPeopleById(HttpServletRequest request,HttpServletResponse response) { int id = Integer.valueOf(request.getParameter("id")); // 这里得到的都是字符串得转换成你需要的类型 Map14bd1badcdee783757181db757c9943f map = new HashMap14bd1badcdee783757181db757c9943f(); return map; }
1cd55414ff5abdfea5dd958e7e547fdd
<code> var id = $("#id").val(); $.ajax({ type: "POST",//请求类型 timeout:10000, //设置请求超时时间(毫秒) async:ture,//是否为异步请求 cache:false,//是否从浏览器缓存中加载请求信息。 url: "/IFTree/people/getPeopleById", contentType: "application/json;charset=UTF-8",//提交的数据类型 data: JSON.stringify({id:id}),//这里是把json转化为字符串形式 dataType: "json",//返回的数据类型 success:function(data){ $("#name").val(data.result.name); }, error:function(xhr, textStatus, errorThrown) { } }); }); </code>
1417fd9caae40516c8185eb949b251edffbe95d20f3893062224282accb13e8f
@RequestMapping(value = "getPeopleById", produces = "application/json") @ResponseBody public Map14bd1badcdee783757181db757c9943f getPeopleById(@RequestBody Map14bd1badcdee783757181db757c9943f body){ System.out.println(""+body.get("id")); People people = peopleService.getPeopleById(Integer.valueOf((String)body.get("id"))); Map14bd1badcdee783757181db757c9943f map = new HashMap14bd1badcdee783757181db757c9943f(); map.put("result", people); return map; }
1cd55414ff5abdfea5dd958e7e547fddbc5574f69a0cba105bc93bd3dc13c4ec
@RequestBody
このアノテーションは、最初にリクエスト request を読み取ります。テキスト データを解析し、デフォルトで構成された HttpMessageConverter を使用してデータをオブジェクトにバインドし、オブジェクトをコントローラーのパラメーターにバインドします。
@ResponseBody
このアノテーションは、Controller メソッドから返されたオブジェクトを HttpMessageConverter を通じて指定された形式に変換し、Response オブジェクトの本文データ領域に書き込むためにも使用されます。
ffbe95d20f3893062224282accb13e8f
266dae442ac9dc95e3bdec99752e3b4d 584454ffd05c6f0e3c55641435afbafd 4d2d13b32b6824d433e20957bf031c9c 0efe1b6b91208fe6ccb37533ee972a52 4309a73696dbaeac0ddd115cebb6f9b7 9cfc82ad645e238cfb23844fcc566fb0 b15467429256a47420d73a292704d15c 4fd24be84f9bb50bd43e1c13351e6665 b6b7f77ea6dcfce4539ab4f516be1876 05da36058a5ae95ab9385e514bd64d98 21a4cbd21ee44ffbefb7b42e6a338a11 d0e6ed04ce081f36fe4ad23a6e2f195d 4309a73696dbaeac0ddd115cebb6f9b7 8487820b627113dd990f63dd2ef215f3application/json;charset=UTF-84b175f9a50d57c75316becd702e959dc 17e5453f22e09a7f163b2d4ce32c48b7 dde4123f2ed5a21d0bae333af89830f9 4bb0e59fd50cbfe6f6ce2215b9d9424341a073a833a1192b911b28010fe7d5f7 17e5453f22e09a7f163b2d4ce32c48b7 dde4123f2ed5a21d0bae333af89830f9 4bb0e59fd50cbfe6f6ce2215b9d94243
1cd55414ff5abdfea5dd958e7e547fdd
ByteArrayHttpMessageConverter: 読み取りを担当しますバイナリ形式でのデータの取得とバイナリ形式でのデータの書き込み;
StringHttpMessageConverter: 文字列形式でのデータの読み取りとバイナリ形式でのデータの書き込みを担当します;
ResourceHttpMessageConverter : 以下を担当しますリソース ファイルの読み取りとリソース ファイル データの書き込み;
FormHttpMessageConverter: フォームによって送信されたデータの読み取りを担当します
MappingJacksonHttpMessageConverter: json 形式のデータの読み取りと書き込みを担当します;
SouceHttpMessageConverter: xml の javax.xml.transform.Source で定義されたデータの読み取りおよび書き込みを担当します。
Jaxb2RootElementHttpMessageConverter: XML タグ形式のデータの読み取りおよび書き込みを担当します。
AtomFeedHttpMessageConverter: Atom 形式のデータの読み取りおよび書き込みを担当します。
RssChannelHttpMessageConverter: RSS 形式のデータの読み取りおよび書き込みを担当します。
私は、 json コンバーターがプロジェクトに含まれているため、json パッケージ (maven) をインポートする必要があります:
<code> <dependency> <groupId>org.codehaus.jackson</groupId> <artifactId>jackson-core-asl</artifactId> <version>1.9.11</version> </dependency> <dependency> <groupId>org.codehaus.jackson</groupId> <artifactId>jackson-mapper-asl</artifactId> <version>1.9.11</version> </dependency> </code>
同様に、コントローラー内のパラメーターもエンティティ クラスの形式で受け取ることができます。データ、
構成ファイルが正しく書き込まれず、対応するパッケージがインポートされなかったため、エラー (415 サポートされていないメディア タイプ) の報告が開始されました。
不備や間違いがある場合は、ご指摘ください。ありがとうございます。
# プログラミングについて詳しく知りたい場合は、## に注意してください。 #phpトレーニング列!
以上がSpring での ajax およびバックグラウンド データ送信のいくつかの方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。