相关疑难解决方法(0)

从浏览器下载JSON对象作为文件

我有以下代码让用户下载csv文件中的数据字符串.

exportData = 'data:text/csv;charset=utf-8,';
exportData += 'some csv strings';
encodedUri = encodeURI(exportData);
newWindow = window.open(encodedUri);
Run Code Online (Sandbox Code Playgroud)

它工作得很好,如果客户端运行代码它生成空白页并开始下载csv文件中的数据.

所以我尝试用JSON对象做这个

exportData = 'data:text/json;charset=utf-8,';
exportData += escape(JSON.stringify(jsonObject));
encodedUri = encodeURI(exportData);
newWindow = window.open(encodedUri);
Run Code Online (Sandbox Code Playgroud)

但我只看到一个页面上显示了JSON数据,而不是下载它.

我进行了一些研究,这个人声称可以工作,但我认为我的代码没有任何区别.

我在代码中遗漏了什么吗?

感谢您阅读我的问题:)

javascript json

124
推荐指数
12
解决办法
10万
查看次数

JavaScript数据格式化/漂亮的打印机

我正在尝试以pretty print人类可读的形式找到一种JavaScript数据结构,以便进行调试.

我有一个相当大而复杂的数据结构存储在JS中,我需要编写一些代码来操作它.为了弄清楚我在做什么以及我哪里出错了,我真正需要的是能够完整地查看数据结构,并在我通过UI进行更改时更新它.

除了找到将JavaScript数据结构转储到人类可读字符串的好方法之外,我可以处理所有这些事情.JSON会这样做,但它确实需要很好地格式化和缩进.我通常会使用Firebug优秀的DOM转储功能,但我真的需要能够立刻看到整个结构,这在Firebug中似乎是不可能的.

欢迎任何建议.

提前致谢.

javascript debugging json

123
推荐指数
7
解决办法
8万
查看次数

如何在jsfiddle中获取控制台

如何让控制台在JSfiddle.com上显示小提琴?

我最近看到一个把控制台嵌入小提琴的小提琴,任何人都知道如何做到这一点?

javascript console jsfiddle

92
推荐指数
5
解决办法
6万
查看次数

Angular 2管道,将JSON对象转换为漂亮的JSON

尝试编写一个Angular 2管道,该管道将获取一个JSON对象字符串并将其返回相当打印/格式化以显示给用户.

例如,它需要:

{"id":1,"number":"K3483483344","州":"CA","有效":true}

并在HTML中显示时返回看起来像这样的内容:

在此输入图像描述

所以在我看来,我可以有类似的东西:

<td> {{ record.jsonData | prettyprint }} </td>
Run Code Online (Sandbox Code Playgroud)

javascript json pipe filter angular

77
推荐指数
5
解决办法
6万
查看次数

在textarea输入中整理json数据

我搜索过这个特定的主题,找不到类似的东西.如果有请关闭此并给出一个链接.

我正在创建一个json数据api模拟器.我希望用户能够将json对象请求复制并粘贴到textarea中,他们也可以在将其发送到服务器之前对其进行修改.

问题是json obj复制和patses经常导致额外的空格,并且永远不会正确对齐,即使使用pre标签.我还想要一个适用于键和值的良好配色方案.

我已经看过插件,其他问题和代码片段,但它们不适用于文本可编辑的textareas.在编辑模式下是否保持样式,而不显示所有样式的html标签?我希望能够用javascript或jquery从头开始编写它.

html javascript css jquery json

42
推荐指数
2
解决办法
6万
查看次数

如何在HTML页面上显示原始JSON数据

可能重复:
使用JavaScript的JSON漂亮打印

我想像在JSONview上那样在HTML页面上显示我的原始JSON数据.例如,我的原始json数据是:

  {
   "hey":"guy",
   "anumber":243,
   "anobject":{
      "whoa":"nuts",
      "anarray":[
         1,
         2,
         "thr<h1>ee"
      ],
      "more":"stuff"
   },
   "awesome":true,
   "bogus":false,
   "meaning":null,
   "japanese":"??????",
   "link":"http://jsonview.com",
   "notLink":"http://jsonview.com is great"
}
Run Code Online (Sandbox Code Playgroud)

它来自http://jsonview.com/,如果您使用Chrome并安装了JSONView插件,我想要实现的就像 http://jsonview.com/example.json.

我已经尝试但未能理解它是如何工作的.我想使用一个JS脚本(CSS来突出显示)自定义格式化由ajax检索的原始JSON数据,最后将它放在任何位置的HTML页面上,如div元素.是否有任何现有的JS库可以实现这一目标?或者怎么做?

html javascript css jquery json

23
推荐指数
2
解决办法
18万
查看次数

jQuery是否有一个类似于PHP的var_dump的HTML漂亮打印功能的JSON/javascript对象?

jQuery是否具有类似于PHP的var_dump的HTML漂亮打印功能的JSON/Javascript对象?如果是,那是什么?

jquery pretty-print

16
推荐指数
2
解决办法
3万
查看次数

在JavaScript中整理JSON数组

可能重复:
使用JavaScript的JSON漂亮打印

我正在开发一个项目,用于帮助平台的未来开发人员分析和理解JSON数组.我正在引用Facebook的精彩图形资源管理器页面,在这里看到,并希望在一个美化,正确的标签缩进和行断路器数组中输出我们的数组,就像在资源管理器上一样.

数组输出到a textarea,因此我认为我遇到了断线和跳线的问题.我也试过使用美化图书馆,但没有运气.

例:

{"outcome" : "success", "result" : {"name" : "messaging-sockets", "default-interface" : "external", "include" : [], "socket-binding" : {"messaging" : {"name" : "messaging", "interface" : null, "port" : 5445, "fixed-port" : null, "multicast-address" : null, "multicast-port" : null}, "messaging-throughput" : {"name" : "messaging-throughput", "interface" : null, "port" : 5455, "fixed-port" : null, "multicast-address" : null, "multicast-port" : null}}}, "compensating-operation" : null}
Run Code Online (Sandbox Code Playgroud)

至:

{
   "outcome":"success",
   "result":{
      "name":"messaging-sockets",
      "default-interface":"external",
      "include":[

      ],
      "socket-binding":{
         "messaging":{
            "name":"messaging",
            "interface":null, …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery json

15
推荐指数
1
解决办法
3万
查看次数

使用Google Books API的推荐结果无关紧要

我正在尝试使用Google Books API构建书名推荐系统.不幸的是,与https://books.google.com相比,我得到的结果非常无关紧要.例如,这是我从搜索单词"sher"得到的列表(期待主要是像Sherlock Holmes这样的东西).

`She Said Yes;The Oh She Glows Cookbook;What Can She Know?;She-Wolf;Murder She Wrote;My Mother She Killed Me, My Father He Ate Me;22 Things a Woman Must Know If She Loves a Man with Asperger's Syndrome;Where She Danced;The Israeli-Palestinian Peace Negotiations, 1999-2001`
Run Code Online (Sandbox Code Playgroud)

如你所见,甚至没有最相关的标题.如果您在Google图书网站上输入"Sher",您将获得绝对正确的相关建议.我了解Google API吗?我的代码有什么问题?

            var request = 'https://www.googleapis.com/books/v1/volumes';
            var outputbookslistshow = 0; 
            $('#myTextArea').on('keyup', function(){
                if(outputbookslistshow == 0){
                  outputbookslistshow = 1;
                  $('#outputgbooksrec').show(300); // it's a div for outputting titles
                }
            $('#outputgbooksrec').empty();
                 var keywords = $(this).val();
                if(keywords.length > …
Run Code Online (Sandbox Code Playgroud)

javascript jquery json google-api google-books

13
推荐指数
1
解决办法
922
查看次数

POST http://localhost:3000/ 404(未找到)

我正在开发具有上传功能的网络文件浏览器。我正在使用Angular File Upload指令和Angular Web 文件浏览器

首先,我已经下载了文件 Web 浏览器并对其进行了配置。

其次,我已经下载了文件上传指令并一步一步地完成了所有工作,我的页面运行良好

在此处输入图片说明

但是当我尝试上传一些东西时,我得到了

FileUploader.js:479 POST http://localhost:3000/ 404(未找到)

我知道 FileUploader.js 找不到 upload.php 文件,但我把它放到了根文件夹并提供了路径:

  var uploader = $scope.uploader = new FileUploader({
            url: 'upload.php'
        });
Run Code Online (Sandbox Code Playgroud)

这是它的外观:

在此处输入图片说明

角度/app.js:

(function() {
  'use strict';

  window.app = angular.module('fileBrowserApp', ['ngRoute', 'jsTree.directive', 'angularFileUpload']).
  config(['$routeProvider',
    function($routeProvider) {
      $routeProvider.
      when('/', {
        templateUrl: '../partials/home.html',
        controller: 'HomeCtrl'
      }).
      otherwise({
        redirectTo: '/home'
      });
    }
  ]);
    window.app.directive('attachable', function(FileUploader) {
        return {
            restrict: 'E',
            replace: true,
            templateUrl:'../partials/upload.html',
            link: function(scope, element, attrs) {
                scope.uploader = new …
Run Code Online (Sandbox Code Playgroud)

javascript php file-upload node.js angularjs

10
推荐指数
1
解决办法
8万
查看次数