1. 程式人生 > >正確的前端傳後臺json方式

正確的前端傳後臺json方式

DEMO:

var data=JSON.stringify({"page": {"pagenow": 1,"pagesize": 20},"file":{"name":"jpg"},"catalogs":[{"id":1},{"id":2}]});
        $.ajax({
            type:"POST",
            url:"//訪問的url",
            data:data,
            contentType:"application/json", 
            success:function(data){
                //顯示資料
} });

注意:

一、contentType

contentType,可以是application/x-www-form-urlencoded這種預設型別的,不過當後臺有struts等框架的話,會在action之前攔截請求,並把request body 裡面的值都讀出來,導致我們不能再request裡面讀取到值,只能依賴struts的domain model
所有如果有後臺用這種機制的話,那就需要更改contentType:application/json,這樣子strust就不會攔截請求了

二、stringify和parseJSON

這兩種方法不能亂用,一不小心的話就會導致後臺解析不了資料,正確的用法在上面。
stringify是將Json轉義,parseJSON是將json去除轉義並解析成物件
總結

前端傳後臺json,應該傳字串過去,不能傳Object物件,而且要適當指定contentType

相關推薦

正確前端後臺json方式

DEMO: var data=JSON.stringify({"page": {"pagenow": 1,"pagesize": 20},"file":{"name":"jpg"},"catalogs":[{"id":1},{"id":2}]});

java後臺處理前端json

關於json,就不在多做介紹了,直接進入正題: 舉例子: 1.現在前臺做了一個Ajax請求,往資料庫中新增資料:  var json='{"goodName":"果粒橙","goodTitle":"這是一種好喝的","goodMessage":"這個很好喝,你還想喝 嗎。。

前端獲取後臺json過程由於轉義字元出現的問題

資料庫儲存資訊,特別是什麼屬性名稱,由使用者手動輸入,通常會包含有一些特殊字元,比如說雙引號,單引號,轉義字元\等 取資料將其顯示在頁面上的時候,特別是當我們把這些資訊以json的格式返回給頁面,前端

c#學習之前端後臺json處理

1、ajax提交json字串請求老是出現請求失敗的解決       方法1:如果指定 dataType: 'json',則對Json格式的要求就非常嚴格起來了,data資料的書寫參考格式: data:"{\"success\":true,\"mesg\":\"succes

springboot前端參date型別後臺處理方式

今天真的心累,後臺要接收date型別引數,用postman測了好久也收不到,我參考了以下部落格 https://www.jianshu.com/p/ebe9087b9078 1、針對json格式:在配置檔案中加以下配置 spring.jackson.date-format=yyyy-

前端json物件(包含json陣列在裡面)的時候,後臺為Java,用SSM時候如何接收

前端JS程式碼 如下: var url = "web"; var postdata = {"history":[                          {                             "time":"2017-10-18 10:10:

django 前端文件到後臺項目目錄

函數 enc default nbsp cor font imp for multi Html端: <form action="/student/upload" method="POST" enctype="multipart/form-data">{% csr

Jquery form.js文件上返回JSON數據,在IE下提示下載文件的解決辦法,並對返回數據進行正確的解析

設置 解析 轉換 解決 pla esp 下載 ring 上傳 Jquery from.js插件上傳文件非常方便,但是在ie10以下的版本會彈出下載文件對話框 解決方法: 1、在服務端設置response.setContentType("text/plain"); 2、對返回

Js -----後臺json數據,前端生成下載text文件

isp console 導入失敗 string ech eat 文件 alert 不支持 需要引入 <script src="/assets/libs/single_file/jquery.min.js"></script> <scrip

SpringMVC前臺給後臺值的方式

lan prop 類型 weight 可能 return 註意 保持 tool 轉自:http://blog.csdn.net/flymoringbird/article/details/53126505 1. 基本數據類型(以int為例,其他類似): Controll

前端後臺表單數據(有下拉菜單的表單)

向後臺傳數據1.表單排版一般效果 <div class="index-pg submit-form"> <form action="" method="post" id="form1"> <div class="input-box">

前端後臺發送請求有幾種方式

發送請求 ajax nbsp a標簽 lin 請求 ram class img 1、 link標簽的href屬性 2、 script標簽的src屬性 3、 img標簽的src屬性 4、 ajax發送請求 5、 表單提交發送請求 6、 a標簽的href發送請求 7、 ifra

@requestbody---接受前端json對象並綁定javabean

我們 man 環境配置 答案 bbs 類型 發送 detail 代碼 @requestbody---接受前端傳json對象並綁定javabean----https://blog.csdn.net/ljxbbss/article/details/74452326 最近代碼遇見

前端 ajax 獲取後臺json數據 解析

$.ajax 個數 讓我 封裝 遍歷 tex ext bsp turn 先貼代碼 function edit(node) { var customerid = $(node).parents("tr").children().eq(0).te

將HTML頁面自動儲存為PDF檔案並上的兩種方式(一)-前端(react)方式

一、業務場景   公司的樣本檢測報告以React頁面的形式生成,已調整為A4大小的樣式並已實現分頁,業務上需要將這個網頁生成PDF檔案,並上傳到伺服器,後續會將這個檔案傳送給客戶(這裡不考慮)。 二、原來的實現形式   瀏覽器原生方法:window.print()可以將網頁儲存為PDF檔案,由於檢測報告

Postman測試時字串到後臺方式

1 .背景 後臺程式碼: @PostMapping("/listByPeriod") public List<SimMaxMinEntity> listByPeriodMaxMin(@RequestBody String period) {

ajax引數json物件到後臺獲取

  var data = {data:{name:'pxxx', paramData:[{dataSource:'a1',table:'t1',field:'f1','r':[{name1:"01",p:''},{name2:"02",p:'

後臺如何接受前端過來的物件陣列最簡單的解決方法

下面給個錯誤的列子 /**      * 採購退貨資訊新增      */     @PostMapping("/purchasereturngoods/insert")     @A

前端參給後臺,轉資料格式

在controller類中 @InitBinder public void initBinder(WebDataBinder binder) { binder.registerCustomEditor(String.class, new StringF

sql語句查詢資料庫,結果集為json資料以供前端後臺使用

分析: 查詢結果轉換成json需要經過兩個步驟,首先將查詢結果轉成XML資料,然後通過XML資料轉成json。程式碼如下,程式碼部分來源於網路。 一、將查詢結果轉成XML資料 //其中@PSQL 為要查詢的語句,@XML XML格式資料,@XMLStr