精华内容
下载资源
问答
  • AjaxXMLJSON 后端返回前端的数据格式有以下两种: XML JSON

    Ajax


    后端返回前端的数据格式有以下两种:

    XML

    注:使用xml形式返回前段时,php头部应该添加以下代码:
    header(“Content-type: text/xml; charset=utf-8”);
    xml部分:

    <?xml version="1.0" encoding="UTF-8"?>
    	<persion>
    		<name>张三</name>
    		<age>18</age>
    	</persion>
    

    php部分:

    <?php
    header("Content-type: text/xml; charset=utf-8");
    echo file_get_contents("04_AJAX_xml.xml");
    ?>
    

    html部分:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
    		<script type="text/javascript">
    			$(function(){
    				$("button").click(function(){
    					$.ajax({
    						type: "get",
    						url: "04_ajax_xml.php",
    						success: function(data) {
    							// console.log(data);
    							var name = data.querySelectorAll("name");
    							var age = data.querySelectorAll("age");
    							console.log(name[0].innerHTML);
    							console.log(age[0].innerHTML);
    							// var $data = data.responseXML;
    							// console.log(typeof $data);
    							
    						},
    						error: function() {
    							alert("请求失败");
    						}
    					})
    				})
    				
    			})
    		</script>
    	</head>
    	<body>
    		<button type="button">获取数据</button>
    	</body>
    </html>
    
    

    JSON

    html部分(此处引用的js是自己跟着视频封装的ajax方法)

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script src="js/ajax_post_ask.js" type="text/javascript" charset="utf-8"></script>
    		<script type="text/javascript">
    			window.onload = function() {
    				var demo = document.getElementById("app");
    				demo.onclick = function() {
    					ajax({
    
    						type: "get",
    
    						url: "03_JSON.php",
    
    						success: function(data) {
    							// console.log(data.responseText);
    							var str = data.responseText;
    							// console.log(typeof str);
    							var obj = JSON.parse(str);
    							console.log(obj.name);
    							console.log(obj.age);
    						},
    						error: function(msg) {
    							alert("请求失败");
    						}
    					})
    
    				}
    
    			}
    		</script>
    	</head>
    	<body>
    		<button type="button" id="app">测试按钮</button>
    	</body>
    </html>
    
    

    php部分:

    <?php
    echo file_get_contents("text.txt");
    ?>
    

    txt文件部分:

    {
    	"name":"zs",
    	"age":"18"
    }
    
    展开全文
  • 工作中遇到需要前端通过javascript对后端返回的json或者xml进行格式化处理的问题,特此记录下来,仅供交流 1.对json字符串进行格式化处理: var jsonObj = JSON.parse(后端返回的json字符串); var result = JSON....

    工作中遇到需要前端通过javascript对后端返回的json或者xml进行格式化处理的问题,特此记录下来,仅供交流

    1.对json字符串进行格式化处理:

    var jsonObj = JSON.parse(后端返回的json字符串);
    var result = JSON.stringify(jsonObj, null, 2);//格式化

    2.对xml字符串进行格式化处理:

    1)、定义格式化方法
    
    String.prototype.removeLineEnd = function(){
        return this.replace(/(<.+?\s+?)(?:\n\s*?(.+?=".*?"))/g,'$1 $2');
    }
    
    function formatXml(text){
        //去掉多余的空格
        text = '\n' + text.replace(/(<\w+)(\s.*?>)/g,
        function($0, name, props){
            return name + ' ' + props.replace(/\s+(\w+=)/g," $1");
        }).replace(/>\s*?</g,">\n<");
        
        //把注释编码
        text = text.replace(/\n/g,'\r').replace(/<!--(.+?)-->/g,
        function($0, text){
            var ret = '<!--' + escape(text) + '-->';
            return ret;
        }).replace(/\r/g,'\n');
        
        //调整格式
        var rgx = /\n(<(([^\?]).+?)(?:\s|\s*?>|\s*?(\/)>)(?:.*?(?:(?:(\/)>)|(?:<(\/)\2>)))?)/mg;
        var nodeStack = [];
        var output = text.replace(rgx,function($0,all,name,isBegin,isCloseFull1,isCloseFull2 ,isFull1,isFull2){
            var isClosed = (isCloseFull1 == '/') || (isCloseFull2 == '/' ) || (isFull1 == '/') || (isFull2 == '/');
            var prefix = '';
            if(isBegin == '!'){
                prefix = getPrefix(nodeStack.length);
            }else {
                if(isBegin != '/'){
                    prefix = getPrefix(nodeStack.length);
                    if(!isClosed){
                        nodeStack.push(name);
                    }
                }else{
                    nodeStack.pop();
                    prefix = getPrefix(nodeStack.length);
                } 
            }
            var ret =  '\n' + prefix + all;
            return ret;
        });
        
        var prefixSpace = -1;
        var outputText = output.substring(1);
        
        //把注释还原并解码,调格式
        outputText = outputText.replace(/\n/g,'\r').replace(/(\s*)<!--(.+?)-->/g,
        function($0, prefix,  text){
            if(prefix.charAt(0) == '\r')  prefix = prefix.substring(1);
            text = unescape(text).replace(/\r/g,'\n');
            var ret = '\n' + prefix + '<!--' + text.replace(/^\s*/mg, prefix ) + '-->';
            return ret;
        });
        return outputText.replace(/\s+$/g,'').replace(/\r/g,'\r\n');
    }
    
    function getPrefix(prefixIndex){
        var span = '    ';
        var output = [];
        for(var i = 0 ; i < prefixIndex; ++i){
            output.push(span);
        }
        return output.join('');
    }
    
    2)、调用方法进行格式化
    var result = formatXml(后端返回的xml字符串);
    
    


    展开全文
  • 一般前端向后端发送请求是通过axios,Ajax等,后端向前端发送数据,都是通过发送Json字符串到前端进行交互。 对于axios: 会自动将接收到的字符串转换成json对象。 对于Ajax: 在发送请求时可以通过设置...

    这里需要区分一个概念,Json对象和Json字符串的区别:https://blog.csdn.net/u010865136/article/details/78591765

     

    一般前端向后端发送请求是通过axios,Ajax等,后端向前端发送数据,都是通过发送Json字符串到前端进行交互。

    对于axios:

    会自动将接收到的字符串转换成json对象。

    对于Ajax:

    在发送请求时可以通过设置contentType的值来告诉服务器内容编码类型。  参考这篇文章:https://blog.51cto.com/cnn237111/984466

    1>Content-Type和MIME的概念:在把输出结果响应到浏览器上的时候,浏览器必须启动适当的应用程序来处理这个输出文档。这可以通过MIME来完成。在HTTP中,MIME类型被定义在Content-Type

    response.setContentType(MIME)的作用是使客户端浏览器,区分不同种类的数据,并根据不同的MIME调用浏览器内不同的程序嵌入模块来处理相应的数据。

    2>dataType:

    预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数.而后端就可以设置response.setContentType("text/html;charset=utf-8”);来设置向前端发送的数据格式,根据前面的介绍Content-Type里存放的就是MIME的类型

    总之:

           前端向后端发送数据时,每次都直接把对象转换成Json字符串的格式发送到后端,后端不使用框架的话用request.getParameter("name")来获取。使用框架的话,比如在SpringMvc中,加上@RequestBody 会自动将Json字符串映射到对象中,也能以键值对的形式映射到Map中

     

     

     

     

    展开全文
  • 页面类似电商网页点击不同按钮出现不同产品信息,且有多个产品,只懂一条数据渲染,多个产品多个数据不太懂代码怎么写</p>
  • 前端格式化显示后端返回的json数据

    千次阅读 2019-08-02 11:28:53
    ... var ret_json = JSON.stringify(ret_data, null, 4) //缩进四个空格 // var ret_ret = JSON.stringify(ret_data, null, '\t') //缩进一个tab ...1,格式化后的json字符串必须在pre标签中  

     

    
    <div>
        <pre id="display">
        </pre>
    </div>
    
    $.post({
        url:'/return/some/data',
        data:{
            somedata
        },
        success:function(data){
            let ret_data = JSON.parse(data)
            var ret_json = JSON.stringify(ret_data, null, 4) //缩进四个空格
            // var ret_ret = JSON.stringify(ret_data, null, '\t') //缩进一个tab
            $('#display').html(ret_json)
        }
    })
    
    
    
    1,格式化后的json字符串必须在pre标签中

     

    展开全文
  • 后端JSON格式, 公司 --》部门 --》部门人员 可以看到数据是有3列的,那么怎么做到这个效果呢? 这就需要使用到Mybatis的一对多映射了,直接上代码。 1.首先创建三个实体类 我们从子创到父,从人员到公司 第一个最...
  • Java xml数据格式返回实现

    千次阅读 2019-03-23 11:47:51
    前言:对于服务器后端开发,实现的大部分接口,返回数据格式一般要求都是json,但是也有使用xml格式的 网上有多种实现方式,这里使用注解的方式把java类 使用@RequestBody实现Java对象和XML/JSON数据自动转换 ...
  • postman请求结果: 前端请求结果: 分析: 莫得理由的,所以很大可能是前端数值问题,然后通过测试一下,如下: 结论:数字前端溢出,解决方案,将后端返回字段改为string,就ok了。
  • 具体问题如下 问题解决 这里的System.out.println(user);是可以打印出数据的,return也可以返回数据,但是前端依旧显示404,是因为...如果返回数据json、xml等,需要在对应的方法上加上@ResponseBody注解。 @Resp
  • mybatis 中java后端返回多对多数据sql 一、实体类: 二、mapper 1、映射文件中添加红色部分 2、上图中绿色部分是实体类中list中的映射关系 做好以上mapper.xml映射关系后就可以了
  • <%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8"%> <html> <head> <title></title> </head> <body> <...
  • 我们想要返回给前端类似这样的格式 { #返回状态码 code: integer, #返回信息描述 message: string, #返回值 data: object } 思路 我们使用一个类的模板包裹data数据即可,具体参考代码 代码 (1)pom.xml ...
  • 在开发SpringCloud 项目时 集成Eureka 后原本标有 @RestController 注解的接口返回数据格式由Json格式 变成了xml格式了这样给习惯了使用Json格式数据作为交互的开发者来说感觉有点不太爽,所以今天研究了一下原因...
  • 2、JSON 是是轻量级的文本数据交换格式。类似 XML,但 比 XML 更小、更快,更易解析。 3、JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持...
  • 最近在做react前端项目的时候,遇到后端返回的json格式数据在前端UI界面中,中文显示问号 解决方法如下: springboot中,在@RequestMapping里加上:produces = {“application/json;charset=UTF-8”},如图: @...
  • 后端数据返回形式

    2021-06-30 12:10:00
    可以看到返回数据中有中括号,说明返回的是一个数组: 对应的后端方法类: @GetMapping("/findByIdd/{id}") public List findByIdd(@PathVariable("id") Integer id) { return resourceRepository.findById();...
  • 对于Spring框架项目中,有些情况我们需要返回xml格式数据。这里使用JAXB来实现,而JAXB且已经包含在JDK1.6中了。 二、环境 Spring 4.0.5.RELEASE JDK 1.7 Eclipse Maven tomcat7 三、创建项目 (1)创建maven...
  • 后端返给前端的数据格式

    千次阅读 多人点赞 2021-09-09 11:03:56
    数据格式:json、xml(树形结构文档,类似html) json数据类型 数组型(key:value) 对象型( object) 二、单个json json标准格式要求写双引号 key可以不写引号 var stu={"name":"张三","age":18,"sex":"男"}; ...
  • springmvc的@ResponseBody注解是返回果json格式数据,今天在写代码的时候后端也没有报错,但是莫名其妙地返回了如下格式,找了好半天错误发现原来是类的属性忘了设置get方法。 加上get方法后返回了正确的格式...
  • using System.Xml;...//模拟接口返回数据 string str=@"<JZD_Message xmlns:xsd=""http://www.w3.org/2001/XMLSchema"" xmlns:xsi=""http://www.w3.org/2001/XMLSchema-instance"" xml...
  • spring boot前后端分离—后端封装数据库数据返回接口给前端 1.配置项目环境 1.1application.properties配置 端口配置及MySQL连接 #server server.port=8080 #spring datasource spring.datasource.url=jdbc:mysql...
  • @ResponseBody返回一个xml格式数据

    千次阅读 2018-08-29 16:49:47
    xml" $("#json5").click(function(){ $.ajax({ type:"Post",//请求类型 url:"/mvc-demo/user/nameProving5?t="+new Date().getTime(),//请求的url data:{name:$...
  • 前端处理后端返回的二进制流文件

    千次阅读 2019-12-20 15:54:56
    前端处理后端返回的二进制流文件 var xhr = new XMLHttpRequest(); xhr.open("post", "/download/scoreFile", true); xhr.responseType = "blob"; xhr.onload = function() { if (this.status == 200) { var url ...
  • NULL 博文链接:https://laodaobazi.iteye.com/blog/1066317
  • xml数据就要复杂一点了,让我们看一下xml数据的格式 那么怎样构造呢? 3.制作生产接口数据的类 <?php //定义生成接口数据类 class Api { /* * 生成json数据格式 * @param integer $code 状态码
  • ResponseBody和RequestBody ...@RequestBody接收前台json数据,把json数据封装成对象 1、pom.xml添加依赖 <dependency> <groupId>com.fasterxml.jackson.core</groupId> <a...
  • 前端与后端之间的数据传递前端页面页面结构index.html 代码后台服务新建【Dynamic Web Project】项目结构Servlet文件解决跨域问题效果展示JSONObject与HashMap一起传用JSONObject用HashMap传递的主要部分 ...
  • 一开始以为是后端返回的JSON有问题,后来用了POSTMAN测试,取出来的数据还是可以被浏览器解析的。 后来百度发现原因是spring-cloud-starter-netflix-eureka-server中依赖了jackson-dataformat-xml。 修改前: ...
  • 解决这个问题可以从两前端、后台两方面考虑 一.前端jquery调用时 设置下返回类型就可以 $.ajax({ data: cc, url: "http://localhost:3330/asmx/test.asmx/GetPerson", ...
  • 1.其实之前对这一块也是比较含糊不清晰的,之前也总结了一下,但是忘了,现在联系着后端返回前端的方式一块总结了吧,每一种情况我都会列举出一个小例子供大家参考学习,同时也希望能帮到大家进一步理解,同时也希望...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 60,177
精华内容 24,070
关键字:

后端返回xml数据格式