转自：http://www.cnblogs.com/digdeep/p/5574366.html

1.前台页面

 <%@ page language="java" contentType="text/html; charset=UTF-8"

     pageEncoding="UTF-8"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <script type="text/javascript"

     src="${pageContext.request.contextPath}/resource/js/jquery-1.8.2.min.js"></script>

 <title>Insert title here</title>

 </head>

 <body>

     <form action="">

         <input type="button" onclick="getJson()">

     </form>

 </body>

 <script type="text/javascript">

     function getJson(){

         $.ajax({

             url:'${pageContext.request.contextPath}/SendJsonToFrantServlet',

             type:"get",

             success:function(value){

                 alert(value.username);

             },dataType:"json"

         });

     }

 </script>

 </html>

2.后台类准备数据

 package cn.rocker.json;

 import java.io.IOException;

 import javax.servlet.ServletException;

 import javax.servlet.http.HttpServlet;

 import javax.servlet.http.HttpServletRequest;

 import javax.servlet.http.HttpServletResponse;

 import net.sf.json.JSONObject;

 /**

 * @ClassName: SendJsonToFrantServlet

 * @Description: 向前台发送json数据

 * @author 112

 * @date 2018年4月28日 上午10:11:54

 */

 public class SendJsonToFrantServlet extends HttpServlet {

     private static final long serialVersionUID = 1L;

     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

         JSONObject jsonObject = new JSONObject();

         jsonObject.put("username", "xiaoerhei");

         String string = jsonObject.toString();

         System.out.println(string);

         //response.setContentType("application/json;charset=utf-8");　　　　 //1

         //response.setContentType("text/json;charset=utf-8");　　　　　　　　 //2

         //response.setContentType("text/javascript;charset=utf-8");　　　　　//3

         response.setContentType("application/javascript;charset=utf-8");　　//4

         response.getWriter().write(string);

     }

     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

         doGet(request, response);

     }

 }

设置ContentType时　　

　　3、4用于返回js代码，1、2专门用于返回 json 格式的数据

　　3、4 返回的 js 代码，会自动在 浏览器中进行执行，就像返回的结果被 eval(result) 调用了一样。也就是说返回的字符串，会被当做 js 代码，被浏览器的js引擎进行执行。而不是当做普通的　　字符串显示在浏览器中。

　　1、2专门用于返回 json 格式的数据，而 json 格式是 js 代码的一个子集。也就是说 json 格式的数据，也是 js 代码，也会被浏览器的js引擎执行，而生成 json 对象。

　　所以如果返回的是 json 格式，那么用以上四种ContentType都是可以的。

注意

　　如果不在后台设置ContentType，而直接在前台用eval解析返回的json串，或者在前台指定dateType为"json"来解析后台返回的json串时，会有XML报错

JSON的简单使用_向前台发送JSON数据的更多相关文章

  1. JSON的简单使用_解析前台传来的JSON数据

    package cn.rocker.json; import org.junit.Test; import net.sf.json.JSONArray; import net.sf.json.JSON ...

  2. JSON的简单介绍以及C语言的JSON库使用

    JSON概述 JSON: JavaScript 对象表示法( JavaScript Object Notation) .是一种轻量级的数据交换格式. 它基于ECMAScript的一个子集. JSON采 ...

  3. 提取json响应结果值_后置处理器JSON Extractor

    Json响应格式 json串中{}表示对象,[]表示数组 JSON Extractor使用json path表达式匹配,可以一次取多个变量值. $表示响应的根对象. 取子对象或对象的属性用. 取数组里 ...

  4. vue简单案例_动态添加删除用户数据

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. AJAX发送json，SpringMVC 接收JSON，@RequestBody

    需求:JQuery ajax前台,采用 POST请求 发送json,后台使用SpringMVC接收json并处理 前台: $.ajax({ url:"请求地址", type:&qu ...

  6. ajax使用json数组------前端往后台发送json数组及后台往前端发送json数组

    1.引子 Json是跨语言数据交流的中间语言,它以键/值对的方式表示数据,这种简单明了的数据类型能被大部分编程语言理解.它也因此是前后端数据交流的主要方式和基础. 2.前端往后台传输json数据 第一 ...

  7. JMeter学习（三十五）使用jmeter来发送json/gzip格式数据

    一.使用jmeter来发送gzip数据 有时候我们需要模拟在客户端将数据压缩后, 发送(post)到服务器端. 通常这种情况,会发生在移动终端上. 这样做的好处, 是可以节省流量.  当然, 服务器返 ...

  8. 使用jmeter来发送json/gzip格式数据 --------笔记

    一.使用jmeter来发送gzip数据 有时候我们需要模拟在客户端将数据压缩后, 发送(post)到服务器端. 通常这种情况,会发生在移动终端上. 这样做的好处, 是可以节省流量.  当然, 服务器返 ...

  9. JMeter学习（三十四）使用jmeter来发送json/gzip格式数据（转载）

    转载自 http://www.cnblogs.com/yangxia-test 一.使用jmeter来发送gzip数据 有时候我们需要模拟在客户端将数据压缩后, 发送(post)到服务器端. 通常这种 ...

随机推荐

  1. Codeforces1037G A Game on Strings 【SG函数】【区间DP】

    题目分析: 一开始没想到SG函数,其它想到了就开始敲,后来发现不对才发现了需要SG函数. 把每个字母单独提出来,可以发现有用的区间只有两个字母之间的区间和一个位置到另一个字母的不跨越另一个相同字母的位 ...

  2. config parser 模块

    config parser —— 用于解析配置文件的模块 该模块的作用: 就是使用模块中的 RawConfigParser(). ConfigParser(). SafeConfigParser() ...

  3. 【XSY2668】排列统计 DP

    题目描述 给你一个长度为\(n\)的排列\(a\),每次要选择两个数,交换这两个数(这两个数可以相同).总共要交换\(k\)次. 最后要统计数列中有多少位置\(i\)满足\(\max_{j\leq i ...

  4. WINDOWS 包管理器 Chocolatey

    https://chocolatey.org/ - 官网 安装: @"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe& ...

  5. thinkphp5 如何监听sql？

    第一步 在database配置文件中开启 // 是否需要进行SQL性能分析'sql_explain' => true, 第二步 在需要测试的sql前,使用以下demo Db::listen(fu ...

  6. Thinkphp5 captcha扩展包安装，验证码验证以及点击刷新

    首先下载 captcha扩展包,↓ 下载附件,解压到vendor目录下: 然后进入application/config.php添加配置信息: //验证码       'captcha'  =>  ...

  7. js常用的正则表达式

    一.校验数字的表达式 数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ ...

  8. 【洛谷P2257】YY的GCD

    题目大意:有 \(T\) 个询问,每个询问给定 \(N, M\),求 \(1\le x\le N, 1\le y\le M\) 且 \(gcd(x, y)\) 为质数的 \((x, y)\) 有多少对 ...

  9. 【POJ2182】Lost Cows 树状数组+二分

    题中给出了第 i 头牛前面有多少比它矮,如果正着分析比较难找到规律.因此,采用倒着分析的方法(最后一头牛的rank可以直接得出),对于第 i 头牛来说,它的rank值为没有被占用的rank集合中的第A ...

  10. 第十四篇-ImageButton控制聚焦，单击，常态三种状态的显示背景

    这里先用XML设置. myselector.xml <?xml version="1.0" encoding="utf-8"?> <selec ...