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. bugku 前女友

    首先打开链接然后会发现 照常情况下进行分析 查看源码然后发现 在这一串文字后还有一个链接然后 发现链接被隐藏了然后我们将link 删除就会显示出来点开新的连接 然后会发现这个 (仔细一看好像是php中 ...

  2. sqli-libs（46-53关）

    Less_46 补充知识:MySQL知识 SQL语句中,asc是指定列按升序排列,desc则是指定列 按降序排列: Select * from users order by 1 desc; 使用降序进 ...

  3. 拓扑排序（poj 1094)

    前置知识:拓扑排序 详细注释都在代码里 //该题题意明确,就是给定一组字母的大小关系判断他们是否能组成唯一的拓扑序列. //是典型的拓扑排序,但输出格式上确有三种形式: // 1.该字母序列有序,并依 ...

  4. vs查看动态库依赖

    dumpbin是VS自带的工具,进入Visual Studio 的命令提示 查看程序或动态库所依赖的动态库 dumpbin /dependents  abc.exe 查看动态库的输出函数 dumpbi ...

  5. PHP把空格、换行符、中文逗号等替换成英文逗号的正则表达式

    $test=$_POST["test"]; $test= preg_replace("/(\n)|(\s)|(\t)|(\')|(')|(,)/" ,',' , ...

  6. Docker - 容器的 连接 与 退出

    概述 连接容器, 退出容器 命令 run exec attach 退出 选项 -i -t -d 1. docker run 概述 docker run 通常用来创建新容器 docker run 的 三 ...

  7. python web django base skill

    web框架本质 socket + 业务逻辑 框架实现socket tonado node.js 使用WSGI实现socket django flask 自己实现框架思路 wsgiref socket ...

  8. ubuntu 安装 gd

    最近装一套系统,提示没开启GD, 1.首先检查一下,是否安装 新建一个文件 <?php phpinfo(); ?> 如果安装了,会在页面显示 2.没安装当然没有了 这个安装也是根据php版 ...

  9. 分别用shell编程和c编程实现文件和目录的复制

    c编程参考:https://blog.csdn.net/maizi_hsx/article/details/78645698 makefile文件: copy:cp.o gcc cp.o -o cop ...

  10. CDH搭建大数据集群（5.10.0）

    纠结了好久,还是花钱了3个4核8G的阿里云主机,且行且珍惜,想必手动搭建过Hadoop集群的完全分布式.HBase的完全分布式的你(当然包括我,哈哈),一定会抱怨如此多的配置,而此时CDH正是解决我们 ...