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. java框架-Mybatis

    一.Mybatis介绍 mybatis是一个持久层的框架,是对JDBC操作数据库的封装,使开发者只需要关注业务本身,不需要花费精力去处理加载驱动.创建数据库连接对象.创建statement语句对象.参 ...

  2. 解决安装mysql时出现的三种问题

    MySQL v5.0.96 for windows 安装版         链接:http://pan.baidu.com/s/1slmE2k9 密码:tadp MySQLAdministratort ...

  3. Nuxt 常用的配置项

    1:在开发项目时 我们可能会遇到端口被占用或者指定IP的情况, 在Nuxt中 我们可以在page.json 文件中进行配置,例如希望IP配置成125.0.0.1,端口设置1616 "conf ...

  4. selenium通过cookies直接免密登录

    前提知识: 1.webdriver中提供了操作cookie的相关方法: get_cookies()                    获得cookie信息 add_cookie(cookie_di ...

  5. VIM - EX 命令 - 文件读写

    VIM - EX 命令 - 文件读写 1. 概述 vim 通过 ex 命令行, 与其他文件的读写操作 2. 场景 场景1 vim 打开文本 将当前文本的内容, 写入到其他文本 场景2 vim 打开文本 ...

  6. IIS-7.5 第一次加载慢的 解决办法

    问题焦点 Win2008R2,Win7 下面IIS部署的.NET站点第一次加载比较慢. 解决办法: 1.基本原理: 在第一个请求到达之前加载Web应用程序,从而提高其网站的响应性.通过主动加载和初始化 ...

  7. [USACO12JAN]牛联盟Bovine Alliance

    传送门:https://www.luogu.org/problemnew/show/P3043 其实这道题十分简单..看到大佬们在用tarjan缩点,并查集合并.... 蒟蒻渣渣禹都不会. 渣渣禹发现 ...

  8. 淘淘商城之httpclient

    一.什么是httpclient HTTP 协议可能是现在 Internet 上使用得最多.最重要的协议了,越来越多的 Java 应用程序需要直接通过 HTTP 协议 来访问网络资源:虽然在 JDK 的 ...

  9. 使用pycharm创建Django项目，'django-admin' 不是内部或外部命令

    报错信息如下: (笔者的电脑为win10,python3.7,django 2.2.6 ) 第一种情况的解决方案:没有配置环境变量,Django安装之后,需要配置环境变量,命令django-admin ...

  10. Booth算法: 补码一位乘法公式推导与解析

    以下讲解内容出自<计算机组成原理(第三版)>(清华大学出版社) 大二学生一只,我的计组老师比较划水,不讲公式推导,所以最近自己研究了下Booth算法的公式推导,希望能让同样在研究Booth ...