{"id":453,"date":"2011-03-03T12:42:02","date_gmt":"2011-03-03T04:42:02","guid":{"rendered":"http:\/\/www.clonefactor.com\/wordpress\/?p=453"},"modified":"2013-08-17T23:17:34","modified_gmt":"2013-08-17T15:17:34","slug":"%e5%be%9e-java-%e6%8e%a5%e6%94%b6-javascript-submit-%e7%9a%84-json","status":"publish","type":"post","link":"https:\/\/www.clonefactor.com\/wordpress\/webdevelop\/453\/","title":{"rendered":"\u5f9e JAVA \u63a5\u6536 Javascript submit \u7684 JSON"},"content":{"rendered":"

\u5176\u5be6\u5728\u00a0http:\/\/www.json.org\/<\/a> \u4e2d\u6709\u8a73\u7d30\u7684\u8aaa\u660e\u5404\u7a2e\u8a9e\u8a00\u9593\u4ea4\u63db\u7684\u6a19\u6e96.<\/p>\n

\u6b64\u6587\u4e3b\u8981\u662f\u7d00\u9304\u600e\u6a23\u5f9e\u4f3a\u670d\u63a5\u53d7 Client \u7aef upload \u7684 JSON \u5728\u4e0d\u4f7f\u7528 Request \u7684\u60c5\u6cc1\u4e0b.<\/p>\n

\u9019\u88e1\u4f7f\u7528 Js \u7aef\u7684 lib\u00a0[superbutton link=”https:\/\/github.com\/douglascrockford\/JSON-js” title=”” image=”” class=”sprbtn_orange” target=”_blank” rel=””]JSON.js[\/superbutton]<\/p>\n

\u4ee5\u53ca Java \u7aef\u7684 lib\u00a0[superbutton link=”http:\/\/www.json.org\/java\/index.html” title=”JAVAObject” image=”” class=”sprbtn_yellow” target=”” rel=””]JAVAObject.java[\/superbutton]<\/p>\n

[js]
\nvar xmlHttp;
\nfunction createXMLHttpRequest() {
\n\tif (window.ActiveXObject) {
\n\t\txmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
\n\t} else if (window.XMLHttpRequest) {
\n\t\txmlHttp = new XMLHttpRequest();
\n\t}
\n}
\nfunction doJSON() {
\n\tvar car = getCarObject();
\n\t\/\/ Use the JSON JavaScript library to stringify the Car object
\n\tvar carAsJSON = JSON.stringify(car);
\n\talert(" Car object as JSON:n " + carAsJSON);
\n\tvar url = " JSONExample?timeStamp= " + new Date().getTime();
\n\tcreateXMLHttpRequest();
\n\txmlHttp.open("POST", url, true);
\n\txmlHttp.onreadystatechange = handleStateChange;
\n\txmlHttp.setRequestHeader("Content-Type","application\/x-www-form-urlencoded");
\n\txmlHttp.send(carAsJSON);
\n}
\nfunction handleStateChange() {
\n\tif (xmlHttp.readyState == 4) {
\n\t\tif (xmlHttp.status == 200) {
\n\t\t\tparseResults();
\n\t\t}
\n\t}
\n}
\nfunction parseResults() {
\n\tvar responseDiv = document.getElementById("serverResponse");
\n\tif (responseDiv.hasChildNodes()) {
\n\t\tresponseDiv.removeChild(responseDiv.childNodes[0]);
\n\t}
\n\tvar responseText = document.createTextNode(xmlHttp.responseText);
\n\tresponseDiv.appendChild(responseText);
\n}
\nfunction getCarObject() {
\n\treturn new Car("Dodge", "Coronet R\/T", 1968, "yellow");
\n}
\nfunction Car(make, model, year, color) {
\n\tthis.make = make;
\n\tthis.model = model;
\n\tthis.year = year;
\n\tthis.color = color;
\n}
\n[\/js]<\/p>\n

\u4ee5\u4e0a\u53ef\u898b JSON \u5176\u5be6\u4e26\u4e0d\u9700\u8981\u5f9e\u6b63\u5e38\u7684 POST\/GET \u65b9\u5f0f\u4e0a\u50b3\u5230\u4f3a\u670d, \u53ea\u9700\u8981\u4f7f\u7528 XMLHTTPRequest.send(carAsJSON); \u76f4\u63a5\u4e1f\u4e0a server \u5373\u53ef, \u65bc JAVA \u7684 Lib\u00a0[superbutton link=”http:\/\/www.json.org\/java\/index.html” title=”JAVAObject” image=”” target=”” rel=””]JAVAObject.java[\/superbutton] \u5247\u6703\u76f4\u63a5\u5f9e http header \u4e2d\u8b80\u53d6 JSON \u5b57\u4e32, \u518d\u9084\u539f\u70ba\u53ef\u8b80\u53d6\u7684 Object \u7269\u4ef6<\/p>\n

<\/span><\/p>\n

[java]
\npackage ajaxbook.chap3;<\/p>\n

import java.io.*;
\nimport java.net.*;
\nimport java.text.ParseException;
\nimport javax.servlet.*;
\nimport javax.servlet.http.*;
\nimport org.json.JSONObject; \/\/ JAVAObject.java Library<\/p>\n

public class JSONExample extends HttpServlet
\n{
\n\tprotected void doPost(HttpServletRequest request,
\n\t\t\tHttpServletResponse response) throws ServletException, IOException
\n\t{
\n\t\tString json = readJSONStringFromRequestBody(request);
\n\t\t\/\/ Use the JSON-Java binding library to create a JSON object in Java
\n\t\tJSONObject jsonObject = null;
\n\t\ttry
\n\t\t{
\n\t\t\tjsonObject = new JSONObject(json);
\n\t\t} catch (ParseException pe)
\n\t\t{
\n\t\t\tSystem.out.println(" ParseException: " + pe.toString());
\n\t\t}<\/p>\n

\t\tString responseText = " You have a " + jsonObject.getInt(" year ")
\n\t\t\t\t+ " " + jsonObject.getString(" make ") + " "
\n\t\t\t\t+ jsonObject.getString(" model ") + " " + " that is "
\n\t\t\t\t+ jsonObject.getString(" color ") + " in color. ";<\/p>\n

\t\tresponse.setContentType(" text\/xml ");
\n\t\tresponse.getWriter().print(responseText);
\n\t}<\/p>\n

\tprivate String readJSONStringFromRequestBody(HttpServletRequest request)
\n\t{
\n\t\tStringBuffer json = new StringBuffer();
\n\t\tString line = null;
\n\t\ttry
\n\t\t{
\n\t\t\tBufferedReader reader = request.getReader();
\n\t\t\twhile ((line = reader.readLine()) != null)
\n\t\t\t{
\n\t\t\t\tjson.append(line);
\n\t\t\t}
\n\t\t} catch (Exception e)
\n\t\t{
\n\t\t\tSystem.out.println(" Error reading JSON string: " + e.toString());
\n\t\t}
\n\t\treturn json.toString();
\n\t}
\n}
\n[\/java]<\/p>\n

\u5c31\u500b\u4eba\u800c\u8a00, \u574a\u9593\u4f7f\u7528\u7684 Action?MyVar={“abc”:”xxxxx”} \u7b49\u4e0a\u50b3\u65b9\u5f0f\u9700\u7136\u53ef\u884c,
\n\u4f46\u7d42\u65bc\u9700\u8981\u984d\u5916\u8a02\u7acb\u4e00\u500b MyVar \u65bc\u5408\u4f5cProject\u4e2d\u4e0d\u5efa\u8b70\u4f7f\u7528.<\/p>\n","protected":false},"excerpt":{"rendered":"

\u5176\u5be6\u5728\u00a0http:\/\/www.json.org\/ \u4e2d\u6709\u8a73\u7d30\u7684\u8aaa\u660e\u5404\u7a2e\u8a9e\u8a00\u9593\u4ea4\u63db\u7684\u6a19\u6e96. \u6b64\u6587\u4e3b\u8981\u662f\u7d00 …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[26,27,31,47],"class_list":["post-453","post","type-post","status-publish","format-standard","hentry","category-webdevelop","tag-java","tag-javascript","tag-json","tag-xmlhttprequest"],"_links":{"self":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/comments?post=453"}],"version-history":[{"count":0,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/posts\/453\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/media?parent=453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/categories?post=453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.clonefactor.com\/wordpress\/wp-json\/wp\/v2\/tags?post=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}