Servlet返回的数据js解析问题

方式1：Json

接收函数：ajax.responseText后面没括号

其实在之前所说的ajax中还遗留了一些问题就是，Servlet返回给js的数据是如何被js解析的呢？

之前只是发送了一句话，所以他就以html的格式进行解析就成功了，但是在实际中我们往往发送的数据是存在一个对象当中的又或者是一组对象当中的，我们应该如何发送呢？

json：js当中有一种有一种结构就是json，说白了就是键值对。

例如下面的：

{ "firstName":"John" , "lastName":"Doe" }

我们可以在Servlet将属性与值进行拼接，得到json格式的字符串，这样js中就能以这样的格式进行数据的解析了。

类似于下面这样：

resp.getWriter().write("{name:"+u.getHeroName()+

                                ",lifenum:"+u.getLifeNum()+

                                ",type:"+u.getType()+

                                ",desc:"+u.getDesc()

                +"}")

但是对于懒癌来说这样的方式是极不友好的，所以就要说到强大的jar包了。

有一款名为gson的jar包可以帮你完成拼接的工作：https://pan.baidu.com/s/1-_lhLxGspqCis5CAPKt-GA

对于使用就是你直接将对象丢进去就好，它会自动帮你转为json格式。

然后又有问题来了，json的数据给js有什么用，我们一般操纵的是对象呀！

别慌，eval帮你解决

 方式2：XML进行解析

接收函数：ajax.responseXML后面没括号

可以将用户数据以Xml进行发送然后js也以xml格式解析

用户数据的xml可以写在jsp中，然后js的跳转（open函数）就不用跳转到Servlet中而是jsp中找用户数据

用户数据jsp：

<%@ page language="java" contentType="text/xml; charset=utf-8"%>

<user>

    <name>李四</name>

    <pwd>123</pwd>

</user>

ajax接收数据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">

<script type="text/javascript">

    function getXML(){

        //创建ajax引擎对象

            var ajax;

            if(window.XMLHttpRequest){//火狐

                ajax=new XMLHttpRequest();

            }else if(window.ActiveXObject){//ie

                ajax=new ActiveXObject("Msxml2.XMLHTTP");

            }

        //复写onreadystatechange

            ajax.onreadystatechange=function(){

                //判断Ajax状态吗

                if(ajax.readyState==4){

                    //判断响应状态吗

                    if(ajax.status==200){

                        //获取响应内容

                        var doc=ajax.responseXML;

                        //处理响应内容

                            //获取元素对象

                            alert(doc.getElementsByTagName("name")[0].innerHTML);

                    }

                }

            }

        //发送请求

            ajax.open("get","xml.jsp",true);

            ajax.send(null);

    }

</script>

</head>

<body>

    <h3>XML数据格式学习</h3>

    <hr>

    <input type="button" value="测试XML" onclick="getXML()" />

</body>

</html>

但是这种方式没有json好，所以推荐用json方式进行进行解析会更好一点。

Servlet返回的数据js解析问题的更多相关文章

  1. ajax请求、servlet返回json数据

    ajax请求.servlet返回json数据 1.方式一 response.setcontenttype("text/html;charset=utf-8"); response. ...

  2. servlet 返回json 数据

    后端的数据需要返回简单的json数据: 发现通过双引号和单引号:" {  'name':123 }  "的方式返回失败. 需要通过\转义里边的双引号: response.getWr ...

  3. 纯servlet返回xml数据

    ... void doget..... response.setContentType("application/xml");//设置格式  PrintWriter out = r ...

  4. C#返回Json，js解析Json，并添加到select标签中

    后台: List<Student> list=GetAll();//id name string json = new JavaScriptSerializer().Serialize(l ...

  5. 深入了解Struts2返回JSON数据的原理

    首先来看一下JSON官方对于"JSON"的解释: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写.同时也易于机器解析 ...

  6. （转）Struts2返回JSON数据的具体应用范例

    转载自 yshjava的个人博客主页 <Struts2返回JSON数据的具体应用范例> 早在我刚学Struts2之初的时候,就想写一篇文章来阐述Struts2如何返回JSON数据的原理和具 ...

  7. Struts2返回JSON数据的具体应用范例

    早在我刚学Struts2之初的时候,就想写一篇文章来阐述Struts2如何返回JSON数据的原理和具体应用了,但苦于一直忙于工作难以抽身,渐渐的也淡忘了此事.直到前两天有同事在工作中遇到这个问题,来找 ...

  8. Query通过Ajax向PHP服务端发送请求并返回JSON数据

    Query通过Ajax向PHP服务端发送请求并返回JSON数据 服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuer ...

  9. jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

    SON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON在前后台交互的过程中发挥着相当出色的作用.请接着往下看教 ...

随机推荐

  1. C#中使用IndexOf()判断字符串在字符串数组中第一次出现的索引位置

    ] {"}; "; //判断字符串的前几位在另一个字符串数组中第一次出现的索引位置 index = Array.IndexOf(s, s1.Substring(, ));

  2. IntelliJ IDEA 2017.3尚硅谷-----安装

    选择路径 安装目录 bin目录下的文件 启动文件 虚拟机的配置信息 -Xms128m 初始内存 -Xmx750m 最大内存-XX:ReservedCodeCacheSize=240m 可保留代码缓存的 ...

  3. AcWing 851. spfa求最短路 边权可能为负数。 链表 队列

    #include <cstring> #include <iostream> #include <algorithm> #include <queue> ...

  4. 题解【洛谷P2279】[HNOI2003]消防局的设立

    题目描述 2020年,人类在火星上建立了一个庞大的基地群,总共有\(n\)个基地.起初为了节约材料,人类只修建了\(n-1\)条道路来连接这些基地,并且每两个基地都能够通过道路到达,所以所有的基地形成 ...

  5. 504，什么是FOUC？怎么避免

    Flash of Unstyled Content :用户定义样式表加载之前浏览器使用默认样式显示文档,用户样式加载渲染之后再重新显示文档,造成页面闪烁 解决办法:把样式表放到文档的<head& ...

  6. 【Python】第一个程序---Helloworld！

    对于大多数程序语言,第一个入门编程代码便是"Hello World!",以下代码为使用Python输出"Hello World!": #!/usr/bin/py ...

  7. 【常见浏览器的UA】

    "所谓 UA(User Agent / 用户代理),最初是指浏览器告知网站管理员,本浏览器支持的类型和框架,让网站管理员以支持的模式结构向浏览器发送页面,呈现给用户浏览.演变到今天,网站管理 ...

  8. vtk学习记录（一）——vtk工程配置与生成

    前言 图形图像这块儿,最近因为工作需要接触的相对多了点儿,精力基本上也都投入了这块儿,搞的天天要死要活,毕竟我一个.net的突然来到cxx的世界,也是很苦恼的,也是头一次见到新建工程就需要配置并且解决 ...

  9. springboot去除内嵌tomcat和打包在tomcat中运行需要做的步骤

    去除内嵌tomcat和添加jsp依赖 去除内嵌tomcat 在springboot启动依赖中去除内嵌tomcat <dependency> <groupId>org.sprin ...

  10. 【强烈推荐，超详细，实操零失误】node.js安装 + npm安装教程 + Vue开发环境搭建

    node.js安装 + npm安装教程 + Vue开发环境搭建 [强烈推荐,超详细,实操零失误] 原博客园地址:https://www.cnblogs.com/goldlong/p/8027997.h ...