Spring での ajax およびバックグラウンドデータ送信のいくつかの方法の紹介-jsチュートリアル-php.cn

Spring での ajax およびバックグラウンドデータ送信のいくつかの方法の紹介

coldplay.xixi

リリース： 2020-12-04 16:27:51

転載

7832 人が閲覧しました

ajaxバックグラウンドでデータを送信する方法を紹介するコラム

Spring での ajax およびバックグラウンドデータ送信のいくつかの方法の紹介

おすすめ(無料): ajax

最近、ajax を作成してバックグラウンドにデータを送信するときに問題が発生しました。ajax がデータを json 形式でバックグラウンドに送信するようにしたいのですが、バックグラウンドはそれを次の形式で受信します。マップのデータを取得し、マップの形式でデータを返します。しかし、フロントデスクでエラーメッセージ(*) (@415 Unsupported media type) が何度も表示され、情報を参照してようやく解決しました。ここでは、ajax とバックグラウンドの間でデータを送信するいくつかの方法をまとめています。上記の問題の解決策はこの記事の最後にあります。

1. URL にデータを入れて渡します

js:

<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>

ログイン後にコピー

Backend:

<code&gt ;</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>

<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>