後臺傳輸json資料+前臺使用ajax請求並處理json資料

阿新 • • 發佈：2019-02-01

後臺使用response傳輸json資料（把從資料庫的list資料，改變為json資料傳輸到前臺。沒有使用@ResponseBody，其實這個也可以）

@RequestMapping("/index"）
    public void index(HttpServletResponse response){
        response.setContentType("text/html;charset=UTF-8");//防止中文亂碼
        List<User> list = serviceDemo.selectAll();
        String str1= null 
;
        if(list!=null) {
            ObjectMapper x = new ObjectMapper();//ObjectMapper類提供方法將list資料轉為json資料
            try {
                str1 = x.writeValueAsString(list);
            } catch (JsonProcessingException e) {
                e.printStackTrace();
            }
        }
        try {
            response.getWriter().print 
(str1);    //返回前端ajax
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

前臺：首先要想使用ajax，必須匯入接收包（這一句話直接寫到jsp頁面直接使用）

<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

script內容（整個jsp頁面）

<%@ page contentType="text/html;charset=UTF-8" language="java" 
 %>
<html>
<head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
    <script>
        $(document).ready(function() {
            $.ajax({
                url : "/User/index",//請求地址
                dataType : 'json',//資料格式
                type : "post",//請求方式
                data :"",
                async : false,//是否非同步請求
                success : function(msg) {//如何傳送成功
                    var data = eval(msg);//將msg化為數
                    var num = 1;
                    $.each(data, function (num){
                        //alert(data[num].userName);
                        var id = data[num].userId;//注意要與實體類中的名稱相同
                        var Name = data[num].userName;
                        var Phone = data[num].userPhone;
                        var Address = data[num].userAdress;

                        var value = "<tr><td align='center'><input name='checked' type='checkbox'  value="+id+"/></td>";
                        value +="<td align='center'>"+Name+"</td> <td align='center'>"+Name+"</td> <td align='center'>"+Phone+"</td> <td align='center'>"+Address+"</td><tr/>";
                        $("#tb").append(value);//寫入到id為tb的html部分
                    });
                },
            })
        })
    </script>
</head>
<body>
<table  id="tb" width="80%" border="1" cellspacing="0" cellpadding="0"  align="center" >
    <tr>
        <%--   <th align="center"><input name="checked" type="checkbox" /></th>--%>
        <th align="center">ID</th>
        <th align="center">Name</th>
        <th align="center">Password</th>
        <th align="center">Phone</th>
        <th align="center">Address</th>
    </tr>
</table>
</body>
</html>

最後給個tip，如果不知道哪有問題，直接用alert(輸出的內容），來除錯

後臺傳輸json資料+前臺使用ajax請求並處理json資料

後臺使用response傳輸json資料（把從資料庫的list資料，改變為json資料傳輸到前臺。沒有使用@ResponseBody，其實這個也可以） @RequestMapping("/index"） public void index(HttpSe

httpclient的post請求並處理json格式響應資料

HttpClient client = new HttpClient(); form表單提交資料：PostMethod post = new PostMethod(具體的url); post.setRequestHeader("Content-Type","applicat

list集合轉為json，前臺ajax獲取時間資料並格式化

1。從資料庫中取得list集合資料後，轉為json，前臺ajax想要獲取其中時間資料時，格式經常為 "time":{"date":26,"day":3,"hours":11,"minutes":30,"month":3,"nanos":0,"seconds

前端接收資料流實現圖片預覽效果--ajax 請求二進位制流圖片檔案 XMLHttpRequest 請求並處理二進位制流資料之最佳實踐

本文為轉載文章原文連結：https://www.cnblogs.com/cdemo/p/5225848.html 首先要謝謝這位大神的無私貢獻！解決了我的問題也完美表達了我當時的心路歷程 ajax 請求二進位制流圖片檔案 XMLHttpRequest 請求並處理二進位制流資料之最佳實踐

php後臺，如何給前端發起的AJAX請求返回一個JSON格式的"物件

應專案需求，讓改一個php後臺程式碼，對於一個從未碰過php，前端也不怎麼接觸。只好通過快速學習來，補充知識點，通過學習對於php如何從資料庫中獲取資料，並且轉為json，傳給前端做一次總結。 PHP端 <? 資料庫 $inAjax = $_GET['inAj

用HttpURLConnection 在Java後臺傳送請求並接收返回資料

我們通常做Java後臺介面，是讓前端訪問的，讓前端獲取資料或者做增刪改查，但是有時候，我們做的Java介面是讓其他系統的Java後臺呼叫的，讓其他系統從我們這個系統獲取資料或者做業務，這樣就要用到HttpURLConnection。本文寫得急，僅貼出樣例供參考。（1）先寫

HttpClient 傳送get請求並返回Json資料

一、以百度百科介面為例二、程式碼package com.XXXX.tv.vrs.service; import java.io.IOException; import org.apache.http

python 用 requests傳送get請求並獲取json資料

java進行一次get請求,少說都要洋洋灑灑一兩百行程式碼，建立流，發請求，解析資料，關閉流等等而python就四行業務程式碼 import requests #請求地址 url = "https://api.global.net/datastore/v1/

list集合轉換成json資料，ajax請求返回json資料，再通過迴圈顯示出來

之前在網上查了很多關於迴圈顯示ajax返回值的方法，很多都不對的，顯示不了我要的結果。後來自己鼓搗出來了，發出來分享一下自己的成果。因為ajax不能返回集合的，需要把集合list轉換成json返回，再用迴圈的方式，顯示出結果。操作層 //編碼方式request.set

ajax 請求二進位制流圖片檔案 XMLHttpRequest 請求並處理二進位制流資料之最佳實踐

寫在前面：從提出需求到完美的解決問題，實現過程是曲折的。需求：在前（web client）後（Restful Service）端完全解耦的模式框架下，webclient需要請求 Service 返回的圖片檔案（二進位制流），並在client端顯示。第一步思考：拿到此需求，基於程式設計師的狂妄心

配置ajax請求springmvc返回json格式資料

首先在controller的方法返回值（返回值型別為實體類）上增加@ResponseBody註解然後兩種配置方式如下：方式一：spring4.0以及之後版本推薦 pom.xml增加如下依賴包 &l

前臺ajax重寫方法搭配後臺filter返回status實現ajax請求跳轉登入頁面

前後端分離之後,原生的jquery的ajax不能實現控制頁面跳轉,一般會出現狀態碼302錯誤,但是可以通過重寫ajax增強方法,搭配後臺返回狀態碼錯誤實現頁面跳轉.後臺的filter核心程式碼為 HttpServletResponse httpResponse = (Ht

ajax 請求二進位制流圖片檔案 XMLHttpRequest 請求並處理二進位制流資料之最佳實踐

寫在前面：從提出需求到完美的解決問題，實現過程是曲折的。需求：在前（web client）後（Restful Service）端完全解耦的模式框架下，webclient需要請求 Service 返回的圖片檔案（二進位制流），並在client端顯示。第一步思考：拿到此需求，

解決後臺傳輸list到前臺以json格式

我用的框架是springmvc+hibernate,前段用easyui。後臺經過查詢後得到一個list資料。 controller類： @RequestMapping("/getOrderInfo") @ResponseBody public void getOrde

前臺ajax請求後臺實現下載

下面是大致程式碼。 jsp頁面： function getDada(){ var returnFilePath = ""; .... ... $.ajax({ url: "a/b",

前臺ajax請求Json，Date型別處理

情景：在用ajax請求json資料，後臺Java從Mysql中獲取資料，當資料庫中包含date型別時，前臺可以自動轉換為日期字串格式，如2013-12-27. 而資料庫中的datetime型別，前臺顯示的卻是一串數字。處理：首先在前臺得到javascript可以識別的d

servlet中如何發送ajax請求並動態拼接數據到html中

servlet com .com blog 發送 nbsp ima jsp logs 廢話不多說，直接上代碼 1.servlet 2.js 3.jsp 有不懂得歡迎來扣我哦^_^ servlet中如何發送ajax請求並動態拼接數據到html中

一個ajax請求，接收json數據

blog cati ces 一個 color span .ajax con response <a id="inviterDel" onclick="delInviter(${item.inviterAddId})">刪除</a> fun

分析Ajax請求並抓取今日頭條街拍美圖

mage param word esp 信息 ons import src on() 準備工作 requests、Beautiful Soup、MongoDB 抓取分析在抓取之前首先分析抓取的邏輯，打開今日頭條的首頁https://www.toutiao.com/如

axios進行ajax請求得不到資料，cookie無法攜帶問題

這個坑也是很早之前踩過，今天做專案的時候居然忘了，怎麼都拿不到資料，果然好記性不如爛筆頭，決定寫篇部落格來祭奠下我的豬腦子：原因可能就是你傳送請求的時候，需要設定cookie，然而你的cookie並沒有傳送到後端，這種情況要在配引數的

後臺傳輸json資料+前臺使用ajax請求並處理json資料

相關推薦