摘要:比如異步獲取數據,加上后,會直接返回數據于是返回結果成功。原理該注解用于將的方法返回的對象,通過適當的轉換為指定格式后,寫入到對象的數據區。注意到使用將會跳過視圖處理部分,調用合適的,將返回值寫入輸出流。
今天在開發一個用戶信息更新模塊的時候遇到了兩個問題:
1、在我提交form表單的時候我希望在提交表單之后頁面不刷新,同時返回更新數據
2、向后臺POST表單信息的時候,后臺顯示POST url 404的錯誤
解決第一個問題的使用使用jquery.form的插件進行異步提交
$(function() { $("#user-update").submit(function(){ $(this).ajaxSubmit({ type:"post", //提交方式 dataType:"json", //數據類型 url:"${pageScope.basePath}user/update", //請求url success:function(data){ //提交成功的回調函數 layer.alert("保存成功"); } }); return false; //不刷新頁面 }); });
我的form表單是這個樣子的
使用這種方式即可對form進行異步提交,提交之后我發現后臺反回了如下錯誤
我的后臺的java代碼如下,采用了spring mvc 的restful風格進行編寫的
@RequestMapping(value = "/update",method = RequestMethod.POST) public String updateUser(HttpServletRequest request,HttpServletResponse response) { response.addHeader("Access-Control-Allow-Origin", "*"); /* 獲取前臺傳送的參數 */ String id = request.getParameter("id"); ...... /* 組裝user */ User user = new User(); user.setId(Integer.parseInt(id)); ....... boolean updateResult = service.update(user); logger.debug("UserController+updateUser()-------->" + updateResult); return String.valueOf(updateResult); }
我發現不能返回我想要的字符串,于是使用@ResponseBody來返回數據(@responsebody表示該方法的返回結果直接寫入HTTP response body中一般在異步獲取數據時使用,在使用@RequestMapping后,返回值通常解析為跳轉路徑,加上@responsebody后返回結果不會被解析為跳轉路徑,而是直接寫入HTTP response body中。比如異步獲取json數據,加上@responsebody后,會直接返回json數據)于是返回結果成功。
@Responsebody原理
該注解用于將Controller的方法返回的對象,通過適當的HttpMessageConverter轉換為指定格式后,寫入到Response對象的body數據區。注意到使用@ResponseBody將會跳過視圖處理部分,調用合適的HttpMessageConverter,將返回值寫入輸出流。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/86291.html
摘要:比如異步獲取數據,加上后,會直接返回數據于是返回結果成功。原理該注解用于將的方法返回的對象,通過適當的轉換為指定格式后,寫入到對象的數據區。注意到使用將會跳過視圖處理部分,調用合適的,將返回值寫入輸出流。 今天在開發一個用戶信息更新模塊的時候遇到了兩個問題:1、在我提交form表單的時候我希望在提交表單之后頁面不刷新,同時返回更新數據2、向后臺POST表單信息的時候,后臺顯示POST ...
摘要:原生與對的實現一定義里這么解釋異步的和。二原生實現所有現代瀏覽器以及均內建對象。一般是正常未找到頁面,一般是錯誤,或者后臺沒有創建相應的內部服務錯誤,多為后臺錯誤。基本上通過發送的數據及傳回的數據就能定位問題所在了。 原生JS與jQuery對AJAX的實現 一、定義 W3C里這么解釋AJAX: AJAX = Asynchronous JavaScript and XML(異步的 Jav...
摘要:前面講了環境的搭建用打包的使用的使用以及組件化及組件間傳值下面講一下使用提供接口,訪問接口,前后端數據通信的相關內容。 前面講了環境的搭建用webpack打包vue,Vue-router,vuex的使用的使用以及Vue組件化及組件間傳值 下面講一下使用nodejs+koa提供接口,axios訪問接口,前后端數據通信的相關內容。 11.使用nodejs+koa2提供后臺接口 npm i...
摘要:介紹是以和為基礎搭建的開源的和應用程序平臺。在官網上聲稱在中,用搭建數據驅動的網站應用程序和是最容易的。這樣實現一個網站只要定義和寫前端代碼就好了。這應該是前端猴子接外包的一個利器吧。 介紹 Keystone是以Express和MongoDB為基礎搭建的開源的Node.js CMS和web應用程序平臺。 Keystone在官網上聲稱:在Node.js中,用Keystone搭建數據驅動的...
摘要:確認創建成功后,記得在中注冊因為我們想顯示發表評論的時間,修改時區設置為上海的時區。處理錯誤請求發表評論僅接受請求。返回到一個適當的中即用戶發送評論后,重新定向到文章詳情頁面。總結本章實現了發表評論展示評論的功能。 在沒有互聯網的年代,我們用日記來記錄每天的心得體會。小的時候我有一個帶鎖的日記本,生怕被別人看見里面寫了啥,鑰匙藏得那叫一個絕。 現在時代變了,網絡版的日記本:博客,卻巴不...
閱讀 3451·2019-08-30 10:54
閱讀 3147·2019-08-29 16:38
閱讀 2166·2019-08-26 14:06
閱讀 1512·2019-08-23 15:39
閱讀 3034·2019-08-23 15:37
閱讀 2884·2019-08-23 13:50
閱讀 3190·2019-08-22 17:14
閱讀 2376·2019-08-22 15:44