json的应用

最新推荐文章于 2025-06-28 22:19:58 发布

连续两届村草

最新推荐文章于 2025-06-28 22:19:58 发布

阅读量229

点赞数

CC 4.0 BY-SA版权

分类专栏： Ajax/json的使用文章标签： json

本文链接：https://blog.youkuaiyun.com/weixin_44082112/article/details/85015697

Ajax/json的使用专栏收录该内容

2 篇文章

订阅专栏

界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
 function myJson(){
	 var xmlHttp;
	 if(window.XMLHttpRequest){
		 //先进浏览器都支持XMLHttpRequest对象
		 xmlHttp = new XMLHttpRequest();
	 }else{
		 //IE5,IE6 只支持ActiveXObject对象
		 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	 }
       xmlHttp.onreadystatechange=function(){
    	   if(xmlHttp.readyState == 4 && xmlHttp.status ==200){
    		   //获取json对象 
    		   var dataObject = eval("("+xmlHttp.responseText+")");
    		   //获取json对象的属性
    		   document.getElementById("name").value=dataObject.name;
    		   document.getElementById("age").value=dataObject.age;
    	   }
      };
       xmlHttp.open("post","getinfor",true);
       //发送请求
       xmlHttp.send();

 }
</script>
</head>
<body>
<div style = "text-align: center;">
名字： <input type = "text" name="name" id = "name"><br>
 年龄：<input type = "text" name="age" id = "age"><br>
  <input type="button" onclick = "myJson();" value = "getInfor"><br>
</div>
</body>
</html>

JSONObject对象的获取需要导入json-lib jar包放入lib下

package com.lq;

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 net.sf.json.JSONObject;

public class getallInfo extends HttpServlet {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		resp.setContentType("text/html;charset=utf-8");
		//导入jar包  得到JSONObject 对象
		JSONObject result = new JSONObject();
		result.put("name", "王二小");//设置属性
		result.put("age", 18);
		PrintWriter out = resp.getWriter();
		out.println(result);//发送对象 
		out.flush();
		out.close();
	}
   
}

web.xml文件的配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">
  <display-name>Ajaxjson</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
  <servlet-name>init</servlet-name>
  <servlet-class>com.lq.getAjaxInfor</servlet-class>
  </servlet>
  <servlet-mapping>
  <servlet-name>init</servlet-name>
  <url-pattern>/myFirstAjax</url-pattern>
  </servlet-mapping>
  <servlet>
  <servlet-name>init2</servlet-name>
  <servlet-class>com.lq.getallInfo</servlet-class>
  </servlet>
  <servlet-mapping>
  <servlet-name>init2</servlet-name>
  <url-pattern>/getinfor</url-pattern>
  </servlet-mapping>
</web-app>