JSON初解

最新推荐文章于 2024-06-23 04:32:31 发布

原创最新推荐文章于 2024-06-23 04:32:31 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了JSON的基础概念及其与对象间的转换方法，并通过一个具体的登录验证案例，展示了如何利用jQuery的AJAX实现局部页面刷新。

json初解

1.json

json,，可以说是一种特殊的字符串，它能够做到将对象和集合转化成字符串，然后也能将json字符串转化成对象。用json可以做到jQuery的ajax局部刷新，这个局部刷新在web项目开发中非常实用，大家可以学习一下。

2.对象和Json之间的转换

    <1>对象--->字符串： JsonObject jsonObject=JsonObject.fromObject(对象);
   <2>字符串-->对象：
       ①.JsonObject jsonObject=JsonObject.fromObject(字符串);
       ②.对象=jsonObject.toBean(jsonObject,对象.class);

3.对象集合和字符串之间的转换

    <1>对象集合--->字符串
           JsonArray jsonArray=JsonArray.fromObject(对象集合);
   <2>字符串---->对象集合
           JsonArray jsonArray=JsonArray.fromObject(字符串);
           对象集合=jsonArray.toCollection(jsonArray);

4.在JSP中使用Json

    在jsp页面引入json.js文件
   <1>Json.stringify(对象)----->将JS对象转换成Json字符串
   <2>Json.parse-------->将Json字符串转成Js对象

局部刷新代码如下，

下面为jsp页面代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>
   <meta http-equiv="pragma" content="no-cache">
   <meta http-equiv="cache-control" content="no-cache">
   <meta http-equiv="expires" content="0">
   <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
   <meta http-equiv="description" content="This is my page">
   

   <script type="text/javascript" src="jquery/jquery-3.1.1.min.js"></script>


   <script type="text/javascript">

       function users(uid,uname,upass){
           this.uid=uid;
           this.uname=uname;
           this.upass=upass;
       }


       $(function(){

           $("#login").click(function(){


               alert(".....constructor");
               var uname=$("#uname").val();
               var upass=$("#upass").val();

               var usersVar=new users(1,uname,upass);

               var str=JSON.stringify(usersVar);

               $.get(
                   "login.do",
                   {"userStr":str},
                   function (data){
                       if(data=="false"){
                           alert("输入错误");
                       }else{
                           alert("输入正确");
                       }

                   }
               );



           });



       });


   </script>

</head>

<body>

   用户名：<input type="text" id="uname"/>
   密码：<input type="password" id="upass"/>
   <input type="button" id="login"/>
</body>
</html>

现在是servlet代码

package com.zking.servlet;

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 com.zking.biz.UsersBiz;
import com.zking.biz.UsersBizImp;
import com.zking.entity.Users;

import net.sf.json.JSONObject;

public class LoginServlet extends HttpServlet{

   @Override
   protected void doGet(HttpServletRequest req, HttpServletResponse resp)
           throws ServletException, IOException {
       // TODO Auto-generated method stub
       req.setCharacterEncoding("UTF-8");
       resp.setContentType("text/html; charset=UTF-8");
       //将页面传过来的json字符串接收再进行转对象
       String str=req.getParameter("userStr");
       JSONObject json=JSONObject.fromObject(str);

       Users user=(Users) JSONObject.toBean(json, Users.class);

       UsersBiz ub=new UsersBizImp();
       if(ub.login(user)){
           PrintWriter pw=resp.getWriter();
           pw.write("true");
           pw.close();
       }else{
           PrintWriter pw=resp.getWriter();
           pw.write("false");
           pw.close();
       }
   }
}