json学习

最新推荐文章于 2024-09-17 12:00:25 发布

lianpengyan_0719

最新推荐文章于 2024-09-17 12:00:25 发布

阅读量626

点赞数

分类专栏： JavaScript 文章标签： json function xmlhttprequest servlet exception jquery

本文链接：https://blog.csdn.net/lianpengyan_0719/article/details/3989013

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

我自己今天学json，主要是用jquery的ajax去请求一个servlet，并传递一个Json数据，再在servlet中解析json数据，然后再重新生成一个json数组数据作为响应返回，再用jquery去解析这个json数组

话多了是水，看具体代码，希望对初学着有用

注意:jquery.js是jquery的一个类库，需要自己下载；json.js是json的类库；

在servlet中还需要导入json.jar，这个jar包也能在Json官方网站上下载到

jsonExam.jsp

<%@ 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"> <title>JSON学习</title> <mce:script type="text/javascript" src="jquery.js" mce_src="jquery.js"></mce:script> <mce:script type="text/javascript" src="json.js" mce_src="json.js"></mce:script> <mce:script type="text/javascript" src="jsonExam.js" mce_src="jsonExam.js"></mce:script> </head> <body> <h1>JSON学习</h1> <input type="button" value="简单的Ajax-JSON-Java应用" οnclick="startRequest()"/><br/> <input type="button" value="简单的Jquery-Ajax-JSON-Java应用"/> </body> </html>

jsonExam.js:

var xmlHttp; function createXMLHttpRequest() { if(window.ActiveXObject) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } function startRequest() { createXMLHttpRequest(); var url = "JSONExam"; xmlHttp.open("post",url,true); xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlHttp.onreadystatechange = handleStateChange; //得到需要发送到服务器的数据 var para = createCar(); alert(para); xmlHttp.send(para); } function handleStateChange() { if(xmlHttp.readyState == 4) { if(xmlHttp.status == 200) { var result_json = xmlHttp.responseText; /* 转换JSON字符到Object有两种方法: 1. eavl('(' + JSON字符串 + ')'); 2. JSON字符串.parseJSON(); */ var json_obj = eval('(' + result_json + ')'); var str = ""; for(var i = 0; i < json_obj.length; i++) { str=str+"姓名:"+json_obj[i].name+",性别:"+json_obj[i].sex+"年龄:"+json_obj[i].age; str+="/n" } alert(str); } } } function createCar() { var car = new Car("Dodge", "Coronet R/T", 1968, "黄色"); /* 对象.toJSONString(); 将对象转换为JSON字符串 */ return "car=" + car.toJSONString(); } function Car(make, model, year, color) { this.make = make; this.model = model; this.year = year; this.color = color; } $(function() { $("input").not($("[onclick]")).click(function() { $.ajax( { type:"post", url:"JSONExam", data:createCar(), dataType:"json", timeout:'1000', processData: false, error:function() { alert("program error!!!"); }, success:function(json) { handleResult(json); } }); }); function handleResult(json) { alert(json.toJSONString()); var result_json = json.toJSONString(); var json_obj = result_json.parseJSON(); var str = ""; for(var i = 0; i < json_obj.length; i++) { str=str+"姓名:"+json_obj[i].name+",性别:"+json_obj[i].sex+"年龄:"+json_obj[i].age; str+="/n" } alert(str); } });

JSONExam.java:

package org.json.www; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.json.JSONObject; public class JSONExam extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doPost(request, response); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String car = request.getParameter("car"); try { JSONObject json_obj = new JSONObject(car); System.out.println(json_obj.getInt("year")); System.out.println(json_obj.getString("color")); }catch(Exception ex) { ex.printStackTrace(); } StudentInfo studentInfo1 = new StudentInfo("张研","女",22); StudentInfo studentInfo2 = new StudentInfo("刘诺","男",22); StudentInfo studentInfo3 = new StudentInfo("李田","女",22); response.setContentType("text/html"); PrintWriter out = response.getWriter(); try { out.print("[" + new JSONObject(studentInfo1).toString() + "," + new JSONObject(studentInfo2).toString() + "," + new JSONObject(studentInfo3).toString()+ "]"); } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } out.flush(); out.close(); }

完了说我还写了一个过滤器的，为了处理乱码问题

注意：这里好像用ge方式请求的话，在后台的得到的数据就会有中文乱码问题，我试过我知道的所以解决乱码问题的方法，在火狐和IE7中尝试，但还是无济于事，好像我把这句话String car = request.getParameter("car");改为这样String car = new String(request.getParameter("car").getBites("ISO8859-1"));以后，用IE测试没乱码了，但用火狐却还是有乱忙，这让我百思不得其解啊。。。。

哪位高手要是知道怎么解决这乱码问题，请告知，我将不胜感激。