<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>My JSP  page</title>

    <script>

        function addText(){

            //创建XMLHttpRequest 请求的对象

            var request = new XMLHttpRequest();

            // 请求的方式

            var method = "GET";

            // 请求的连接地址

            var url = "AServlet";

            // 初始化请求参数

            request.open(method, url,true);

            // 发送请求

            request.send(null);

            request.onreadystatechange = function(){

                // 如果响应请求

                if(request.readyState==4){

                    // 如果请求成功

                    if(request.status==200 || request.status==304){

                        var text = request.responseText;

                        alert(text);

                        var data = eval("("+text+")");

                        /* var data = JSON.parse(text); */

                        alert(data);

                        var span = document.getElementsByTagName("span")[0];

                        span.innerHTML = span.innerHTML+data.user.address.province;

                    }
<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">

  <servlet>

    <servlet-name>AServlet</servlet-name>

    <servlet-class>ajax.AServlet</servlet-class>

  </servlet>

  <servlet-mapping>

    <servlet-name>AServlet</servlet-name>

    <url-pattern>/AServlet</url-pattern>

  </servlet-mapping>

</web-app>




package ajax;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.List;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class AServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    public void doGet(HttpServletRequest request, HttpServletResponse response)

            throws ServletException, IOException {

        System.out.println("doGet...");

        //设置编码

        request.setCharacterEncoding("utf-8");

        response.setCharacterEncoding("utf-8");

        //设置返回文本的类型

        response.setContentType("text/json");

        String jsonString = "{\"user\":{\"name\":\"lf\",\"address\":{\"province\":\"广东\",\"city\":\"深圳\"}}}";

        response.getWriter().print(jsonString);

    }

}




        }

            };

        }

    </script>

  </head>

  <body>

      <h1>解析xml</h1>

      <span>省份：</span><br>

    <a href="#" onclick="addText()">添加文本</a>

  </body>

</html>


												


											
jsp Ajax请求(返回json数据类型)的更多相关文章
	

    
								
  1. jsp Ajax请求(返回xml数据类型)
		
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...
    
		
    2. 
						
  2. 在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法
		
    在使用Ajax请求返回json数据的时候IE浏览器弹出下载保存对话框的解决方法 最近在做一个小东西,使用kindeditor上传图片的时候,自己写了一个上传的方法,按照协议规则通过ajax返回json ...
    
		
    3. 
						
  3. AJAX请求,返回json进行页面绑值
		
    AJAX请求,返回json进行页面绑值 后台 controller @RequestMapping(value = "backjson.do",method=RequestMeth ...
    
		
    4. 
						
  4. ajax请求返回json字符串/json对象 处理
		
    1. 返回json字符串如何处理 $.ajax({ url:xxx, success:function(date){ }, error:function(){ } }); 通过最原始的返回: Prin ...
    
		
    5. 
						
  5. 使用jQuery发送POST，Ajax请求返回JSON格式数据
		
    问题: 使用jQuery POST提交数据到PHP文件, PHP返回的json_encode后的数组数据,但jQuery接收到的数据不能解析为JSON对象,而是字符串{"code" ...
    
		
    6. 
						
  6. 解决ajax请求返回Json无法解析"\"字符的问题
		
    原因:获取身份证信息,涉及图片路径,存在“\”字符,导致Json解析错误 解决思路:将返回类型从"json"改成"text",此时返回的数据类型变成字符串,将字 ...
    
		
    7. 
						
  7. jsp  Ajax请求(返回html标签)
		
    <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http:// ...
    
		
    8. 
						
  8. AJAX请求返回JSON数据动态生成html
		
    1:DeliveryPersonVO对象 package com.funcanteen.business.entity.delivery.vo; import java.util.List; impo ...
    
		
    9. 
						
  9. ajax请求返回Json字符串运用highcharts数据图表展现数据
		
    [1].[图片] Json字符串和highcharts数据图表展现.jpg 跳至 [1] code=26754#44745" rel="nofollow"> [2] ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 【原版的：参赛作品】窥秘懒---android打开下拉手势刷新时代
			
    小飒的成长史原创作品:窥视懒人的秘密---android下拉刷新开启手势的新纪元转载请注明出处 **************************************************** ...
    
			
    2. 
						
  2. 【工作笔记四】去掉a标签超链接的虚线框的方法
			
    a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{  ...
    
			
    3. 
						
  3. 最初的ajax案例
			
    ----------------------原始的ajax: function guo() {            var xhr            if (XMLHttpRequest) {  ...
    
			
    4. 
						
  4. 关于使用 jBox 对话框的提交问题
			
    http://www.cnblogs.com/haogj/archive/2012/11/04/2754303.html 关于使用 jBox 对话框的提交问题 jBox 是个不错的对话框组件. 在 A ...
    
			
    5. 
						
  5. 在 Ubuntu 12.04 上通过 Tomcat 部署 Solr 4
			
    http://www.oschina.net/question/12_71342 可行
    
			
    6. 
						
  6. Castle.DynamicProxy Part 1: ClassProxy
			
    1.Castle中代理对象的分类 总的来说,代理对象大概可以分为2大类: 1.继承类型的代理对象 一类是继承类型的代理类.即:有一个类A,它的代理类是B.B是继承自A的.调用代理类B中的方法时,可以通 ...
    
			
    7. 
						
  7. C#socket通信1
			
    .net平台下C#socket通信(上) 完全是基础,新手可以随意看看,大牛可以关闭浏览页了,哈哈. 在开始介绍socket前先补充补充基础知识,在此基础上理解网络通信才会顺理成章,当然有基础的可以跳 ...
    
			
    8. 
						
  8. IE回车的怪异行为
			
    问题 IE浏览器在input中回车,会触发button按钮的click事件. 原因分析 IE浏览器中在input中回车相当于提交form,而button标签默认的类型是submit, 所以如果没有指定 ...
    
			
    9. 
						
  9. asp.net缓存(转载）
			
    由于工作的需要,最近对.net缓存做了相关了解和学习.做以下分类: 客户端缓存 第三方的缓存 服务器缓存 客户端缓存 客户端缓存主要是指浏览器帮我们缓存一些页面组件包括脚本,样式,图片等等,由于客户端 ...
    
			
    10. 
						
  10. IceMx.Mvc 我的js MVC 框架七、完善植物大战僵尸（增加阳光的消费和获得）
			
    话不多说,先上图 这次增加了阳光的消费和获得,增加了阳光的点击动画 重新排布了布局 有兴趣的话就研究下吧. 上一篇有朋友说让我把项目放到github上面维护,本人没用过这个,肯请朋友们帮小弟科普一下放 ...
    
			
    11.