Ajax response example of json string and json array (detailed description), ajaxjson

Source: Internet
Author: User

Ajax response example of json string and json array (detailed description), ajaxjson

Recently I was too busy at work. I took the time to sort out ajax requests at night. The background returned json strings and arrays, as well as the front-end processing examples.

View the Code directly.

Json string background response

Package com. ajax; import java. io. IOException; import java. io. printWriter; import javax. servlet. servletException; import javax. servlet. annotation. webServlet; import javax. servlet. http. httpServlet; import javax. servlet. http. httpServletRequest; import javax. servlet. http. httpServletResponse; @ WebServlet ("/jsonStr") public class JsonStr extends HttpServlet {/*****/private static final long serialVersionUID = 1L; @ Override protected void doGet (HttpServletRequest req, httpServletResponse resp) throws ServletException, IOException {// construct the json object String resStr = "{" + "name:" + "\" zhangsan \ "," + "id: "+" \ "id001 \" "+"} "; // output the json object to the foreground PrintWriter out = resp. getWriter (); out. write (resStr); out. flush (); out. close () ;}@ Override protected void doPost (HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doGet (req, resp );}}


Json array background response

Package com. ajax; import java. io. IOException; import java. io. printWriter; import javax. servlet. servletException; import javax. servlet. annotation. webServlet; import javax. servlet. http. httpServlet; import javax. servlet. http. httpServletRequest; import javax. servlet. http. httpServletResponse; @ WebServlet ("/jsonArr") public class JsonArr extends HttpServlet {/*****/private static final long serialVersionUID = 1L; @ Override protected void doGet (HttpServletRequest req, httpServletResponse resp) throws ServletException, IOException {// construct the json object String resStr1 = "{" + "name:" + "\" zhangsan \ "," + "id: "+" \ "id001 \" "+"} "; String resStr2 =" {"+" name: "+" \ "lisi \", "+" id: "+" \ "id002 \" "+"} "; String resStr3 =" {"+" name: "+" \ "wangwu \", "+" id: "+" \ "id003 \" "+"} "; // construct a json array String jsonArr =" ["+ resStr1 +", "+ resStr2 + ", "+ resStr3 +"] "; // output the json array to the foreground PrintWriter out = resp. getWriter (); out. write (jsonArr); out. flush (); out. close () ;}@ Override protected void doPost (HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {doGet (req, resp );}}

Front-end page

<% @ 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> 

Page

Effect after clicking the JsonStr and JsonArr buttons

All right. The samples are only for learning.

By the way, there is a bit of doubt. In the previous callback function, when obtaining response data, it was obtained directly through data. responseText. Today's Code uses data.tar get. responseText. Why? If you know something, please let me know. Thank you very much.

The above example of ajax response to the json string and json array (detailed description) is all the content shared by Alibaba Cloud. I hope you can give us a reference and support for our customer base.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.