springmvc sends and receives data by ajax request using json format

【0】README

1) springmvc sends or receives data by ajax request using json format;

【1】 ajax function

<script type="text/javascript">var checkoutUserlistIsAccess = false;$(document).ready(function(){  $("#first").hide();if(checkoutUserlistIsAccess==false) {checkoutUserlist(); // checkout user list.}/* bind event to input with id searched *//* $("#search").bind("click", function() {$("#second").hide();$("div[id^='first']").hide();});$("#search").bind("blur", function() {$("#second").show();$("div[id^='first']").hide();}); */});//ajax 访问函数var member;function checkoutUserlist(){checkoutUserlistIsAccess = true;var userid=1;// alert("request for user list by ajax.");var url = "<c:url value='/chat/userlist' />"; //请求的地址 $.post(url,{keyword:userid //[逗号 连接 ]},function(data){ // 回调函数 .member = data;for(var i=0; i<data.length; i++) {appendAIntoDiv("second_userlist", data[i]);}},"json"); }// append <a> into a div.function appendAIntoDiv(objId, value) {$("#"+objId).append("<a href='<c:url value='/chat/single?touser=" + value + "'/>' class='list-group-item'>    " + value +"</a>");}       </script>

【2】method sending data via json format defined in springmvc controller

// ajax requests for user list (by json format).@RequestMapping(value="/userlist", method=RequestMethod.POST, produces="application/json")public @ResponseBody String checkoutUserlist() {List<String> list = repository.checkoutUserlist();ObjectMapper mapper = new ObjectMapper();try {String json_result = mapper.writeValueAsString(list);System.out.println(json_result);return json_result;} catch (JsonProcessingException e) {e.printStackTrace();return null;}}

【3】method receiving data via json format defined in springmvc controller

springmvc sends and receives data by ajax request using json format相关推荐

How to get pure json data by ajax request
2019独角兽企业重金招聘Python工程师标准>>> jquery: //enabled clean url $.post(url + 'workitem/get_json_dat ...
ajax中datatype是json,dataType：'json'vs data：$ .ajax中的JSON.stringify（obj）
我有这个数据结构: var formValues = { TemporaryToken: a.userStatus.get("TemporaryToken"), Memorable ...
prototype.js ajax.request,prototype.js的Ajax对象分享
我想prototype. 代码如下: var url = 'http://yoursever/your/your'; var pars = 'id=xxx'; var myAjax = new Aja ...
ajax返回request,WordPress的Ajax请求返回0(Wordpress ajax request return 0)
WordPress的Ajax请求返回0(Wordpress ajax request return 0) 你好,我有一个WordPress的问题我无法获得ajax电话,我找不到原因. 我的查询一直返回 ...
Ext.Ajax.request:post请求传输json数据与后台@RequestBody接收
//前端请求代码var paraMap = {name:'chenaqiang',sex:'man'}Ext.Ajax.request( {url : 'url',method : 'post',da ...
Ext.Ajax.request和formPanel.getForm().submit()两种提交方法的异同：
Ext.Ajax.request和formPanel.getForm().submit()两种提交方法的异同: 1. 相同点: a) 都是使用异步提交的方式: b) 默认都是使用POST方式来提交数据 ...
[Redux-Observable Unit Testing] Mocking an ajax request when testing epics
Often in unit tests we are focussing on the logic involved in crafting a network request, & how ...
[转] form.getForm().submit的用法及Ext.Ajax.request的小小区别
原文地址:http://blog.csdn.net/hongleidy5000/article/details/7329325 [javascript] view plain copy if (!fo ...
ajax request headers,ajax request VS normal request
ajax请求(asynchronized)与普通请求(synchronized)的报文头(Header)不同:String reqType = request.getHeader("X-Re ...

springmvc sends and receives data by ajax request using json format

springmvc sends and receives data by ajax request using json format相关推荐

最新文章

热门文章