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. Redis01——Redis介绍

    1.NoSQL数据库概述 NoSQL(NoSQL = Not Only SQL ),意即“不仅仅是SQL”,泛指非关系型的数据库. NoSQL 不依赖业务逻辑方式存储,而以简单的key-value模式 ...

  2. C/C++内存四区

    内存模型图 32位CPU可寻址4G线性空间,每个进程都有各自独立的4G逻辑地址,其中0~3G是用户态空间,3~4G是内核空间,不同进程相同的逻辑地址会映射到不同的物理地址中.其逻辑地址其划分如下: 各 ...

  3. 用python实现网络文件共享

    第一步:打开命令行 第二步:切换到要共享的文件夹目录 第三步:运行命令 python -m http.server 端口号 然后在浏览器输入显示的路径即可访问文件夹下的文件,点击即可下载,手机端亦可访 ...

  4. argument

    js中arguments的用法   了解arguments这个对象之前先来认识一下javascript的一些功能: 其实Javascript并没有重载函数的功能,但是Arguments对象能够模拟重载 ...

  5. Codeforces 1315A Dead Pixel （水题）

    Screen resolution of Polycarp's monitor is a×ba×b pixels. Unfortunately, there is one dead pixel at ...

  6. Codeforces Round #608 (Div. 2)D(贪心)

    #define HAVE_STRUCT_TIMESPEC #include<bits/stdc++.h> using namespace std; ],b[],c[]; int u,v; ...

  7. Understanding Java Memory Model-理解java内存模型(JVM)

    from https://medium.com/platform-engineer/understanding-java-memory-model-1d0863f6d973 Understanding ...

  8. .net core 框架调用顺序

    API -> AppSrv -> IRepository -> Repository ->

  9. 关于C++指针、引用和const关键字的各种关系

    #include <stdio.h> #include<iostream> using namespace std; typedef char *new_type; int m ...

  10. Codeforces Round #577 (Div. 2) 题解

    比赛链接:https://codeforc.es/contest/1201 A. Important Exam 题意:有\(n\)个人,每个人给出\(m\)个答案,每个答案都有一个分值\(a_i\), ...