使用JSON向服务器发送数据

最新推荐文章于 2020-07-07 00:03:46 发布

最后一片绿叶的守候

最新推荐文章于 2020-07-07 00:03:46 发布

阅读量922

点赞数

分类专栏： Ajax 文章标签： ajax json json 服务器

本文链接：https://blog.csdn.net/wu1991924/article/details/8696529

版权

Ajax 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.xml的一个替代方法就是JSON。JSON是一种文本格式，它独立于具体的语言。JSON建立在以下两种数据结构的基础上，当前几乎所有的编程语言都支持这两种数据结构：

a)名/值对集合：无序集合
b)值的有序表：JSON数组是一个有序的集合

2. JSON是一种轻量级的数据转换方式。

附上例子一枚：

4.jsonExample.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JSON Example</title>

<script type="text/javascript" src="json.js"></script>
<script type="text/javascript">

var xmlHttp;

function createXMLHttpRequest() {
    if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    } 
    else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
    }
}
    
function doJSON() {
    var car = getCarObject();
    
    /*把相对应的类转换成JSON格式的对象
    这个函数的主要作用的是为了系列化对象的，就是把原来的对象类型转换成字符串类型。
    */
    var carAsJSON = JSON.stringify(car);
    alert("Car object as JSON:\n " + carAsJSON);
    
    var url = "JSONExample?timeStamp=" + new Date().getTime();
    
    createXMLHttpRequest();
    xmlHttp.open("POST", url, true);
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");    
    xmlHttp.send(carAsJSON);
}
    
function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            parseResults();
        }
    }
}

function parseResults() {
    var responseDiv = document.getElementById("serverResponse");
    if(responseDiv.hasChildNodes()) {
        responseDiv.removeChild(responseDiv.childNodes[0]);
    }
    
    var responseText = document.createTextNode(xmlHttp.responseText);
    responseDiv.appendChild(responseText);
}

function getCarObject() {
    return new Car("Dodge", "Coronet R/T", 1968, "yellow");
}

function Car(make, model, year, color) {
    this.make = make;
    this.model = model;
    this.year = year;
    this.color = color;
}

</script>
</head>

<body>

  <br/><br/>
  <form action="#">
      <input type="button" value="Click here to send JSON data to the server"
        οnclick="doJSON();"/>
  </form>
  
  <h2>Server Response:</h2>

  <div id="serverResponse"></div>

</body>
</html>

5.JSONExample.java:

package com.wch.ajax.servlet;

import java.io.BufferedReader;
import java.io.IOException;
import java.text.ParseException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.json.JSONException;
import org.json.JSONObject;

public class JSONExample extends HttpServlet {
    
    protected void doPost(HttpServletRequest request, HttpServletResponse response) {
        String json = readJSONStringFromRequestBody(request);
        JSONObject jsonObject = null;
        try {
            jsonObject = new JSONObject(json);
        }
        catch(Exception pe) {
            System.out.println("ParseException: " + pe.toString());
        }
        String responseText = null;
		try {
			responseText = "You have a " + jsonObject.getInt("year") + " "
			    + jsonObject.getString("make") + " " + jsonObject.getString("model")
			    + " " + " that is " + jsonObject.getString("color") + " in color.";
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
        
        response.setContentType("text/xml");
        try {
			response.getWriter().print(responseText);
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
    }

    private String readJSONStringFromRequestBody(HttpServletRequest request){
        StringBuffer json = new StringBuffer();
        String line = null;
        try {
            BufferedReader reader = request.getReader();
            while((line = reader.readLine()) != null) {
                json.append(line);
            }
        }
        catch(Exception e) {
            System.out.println("Error reading JSON string: " + e.toString());
        }
        return json.toString();
    }
}