おすすめ(無料): 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>
<code> ;</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">@RequestMapping(value = "getPeopleById/{id}") @ResponseBody public Map<String, Object> getPeopleById(@PathVariable("id") int id) { //@PathVariable("id") 如果参数名与url定义的一样注解可以不用定义("id") System.out.println(id); Map<String, Object> map = new HashMap<String, Object>(); return map; } }
<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>
<code></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">@RequestMapping(value = "getPeopleById") @ResponseBody public Map<String, Object> getPeopleById(HttpServletRequest request,HttpServletResponse response) { int id = Integer.valueOf(request.getParameter("id")); Map<String, Object> map = new HashMap<String, Object>(); return map; }
@RequestMapping(value = "getPeopleById") @ResponseBody public Map<String, Object> getPeopleById(HttpServletRequest request,HttpServletResponse response) { int id = Integer.valueOf(request.getParameter("id")); // 这里得到的都是字符串得转换成你需要的类型 Map<String, Object> map = new HashMap<String, Object>(); return map; }
<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>
< pre></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">@RequestMapping(value = "getPeopleById", produces = "application/json")
@ResponseBody
public Map<String, Object> getPeopleById(@RequestBody Map<String, Object> body){
System.out.println(""+body.get("id"));
People people = peopleService.getPeopleById(Integer.valueOf((String)body.get("id")));
Map<String, Object> map = new HashMap<String, Object>();
map.put("result", people);
return map;
}</pre><div class="contentsignin">ログイン後にコピー</div></div><p>
@RequestBody
このアノテーションは、最初にリクエスト request を読み取ります。テキスト データを解析し、デフォルトで構成された HttpMessageConverter を使用してデータをオブジェクトにバインドし、オブジェクトをコントローラーのパラメーターにバインドします。
@ResponseBody
このアノテーションは、Controller メソッドから返されたオブジェクトを HttpMessageConverter を通じて指定された形式に変換し、Response オブジェクトの本文データ領域に書き込むためにも使用されます。
</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"> <!-- spring MVC提供的适配器 spring默认加载 (如果不修改默认加载的4类转换器,该bean可不配置)-->
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<!-- 该适配器默认加载以下4类转换器-->
<list>
<bean class="org.springframework.http.converter.BufferedImageHttpMessageConverter" />
<bean class="org.springframework.http.converter.ByteArrayHttpMessageConverter" />
<bean class="org.springframework.http.converter.xml.SourceHttpMessageConverter" />
<bean class="org.springframework.http.converter.xml.XmlAwareFormHttpMessageConverter" />
<bean class="org.springframework.http.converter.StringHttpMessageConverter" />
<bean class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>application/json;charset=UTF-8</value>
</list>
</property>
</bean><!--这里配置了json转换器支持的媒体类型-->
</list>
</property>
</bean></pre><div class="contentsignin">ログイン後にコピー</div></div><p>
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 サイトの他の関連記事を参照してください。