ajax+springmvc implements data exchange method between C and View-JS Tutorial-php.cn

Now I will bring you an article on ajax springmvc to realize the data exchange method between C and View. Let me share it with you now and give it as a reference for everyone.

jQuery.post(url, [data], [callback], [type])

url,[data],[callback],[type]String,Map,Function,StringV1 .0url: Send request address.

data:Key/value parameters to be sent.

callback:Callback function when the transmission is successful.

type:Return content format, xml, html, script, json, text, _default.

Format:

$.post("test.php", function(data){ alert("Data Loaded: " + data); }); $.get("comment/getComments?parentId="+parentId+"&topicId="+topicId,function(data){ var appendButton =""; var append = ""; if(data!=""){ var arr = data.split("$"); var allTr=""; for(var i = 0;i"+time+""; appendButton = appendButton+table+""; } appendButton = appendButton+""; } appendButton = appendButton+"
"; if(data==""){ appendButton = appendButton+"@"+userName+"...."+"...."+parentId+":"; } $("#addCommentId"+parentId).html(appendButton); });

Copy after login

Backend:

@RequestMapping(value = "/saveAndGetComments", params = {"topicId","parentId"}, method = RequestMethod.POST) @ResponseBody public String saveAndGetComments(long topicId,Comment comment,long parentId) throws UnsupportedEncodingException{ comment.setParentId(parentId); commentService.save(comment,topicId); List comments=commentService.listByCommentId(parentId); return append(comments); } private String append(List comments) { StringBuffer sb=new StringBuffer(); for(int i=0;i
        
         Copy after login

Note, use springmvc3 annotation @responseBody to pass parameters.

Frequently used js functions:

The above data is transmitted using json, and when js parses the date passed by json, it is not in the format we want. , then you need to operate on the date:

First pass the past date, set it to time and pass it to date.getTime()

Then operate in js:

var date= "/Date("+time+")/"; date = DateFormat(date); /** * 处理时间 * @param value * @returns {String} */ function DateFormat(value) { var date = new Date(parseInt(value.replace("/Date(", "").replace(")/", ""), 10)); var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); var Hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); var Minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); var Seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); return date.getFullYear() + "/" + month + "/" + currentDate + " " + Hours + ":" + Minutes + ":" + Seconds; }

Copy after login

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

5 Ajax interaction methods between Spring MVC front-end and back-end

Servlet always reports when interacting with Ajax Solution to status=parsererror

Various gestures of front-end ajax interacting with the back-end (graphic tutorial)

The above is the detailed content of ajax+springmvc implements data exchange method between C and View. For more information, please follow other related articles on the PHP Chinese website!