我有以下代码让用户下载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数据,而不是下载它.
我进行了一些研究,这个人声称可以工作,但我认为我的代码没有任何区别.
我在代码中遗漏了什么吗?
感谢您阅读我的问题:)
我正在尝试以pretty print人类可读的形式找到一种JavaScript数据结构,以便进行调试.
我有一个相当大而复杂的数据结构存储在JS中,我需要编写一些代码来操作它.为了弄清楚我在做什么以及我哪里出错了,我真正需要的是能够完整地查看数据结构,并在我通过UI进行更改时更新它.
除了找到将JavaScript数据结构转储到人类可读字符串的好方法之外,我可以处理所有这些事情.JSON会这样做,但它确实需要很好地格式化和缩进.我通常会使用Firebug优秀的DOM转储功能,但我真的需要能够立刻看到整个结构,这在Firebug中似乎是不可能的.
欢迎任何建议.
提前致谢.
如何让控制台在JSfiddle.com上显示小提琴?
我最近看到一个把控制台嵌入小提琴的小提琴,任何人都知道如何做到这一点?
尝试编写一个Angular 2管道,该管道将获取一个JSON对象字符串并将其返回相当打印/格式化以显示给用户.
例如,它需要:
{"id":1,"number":"K3483483344","州":"CA","有效":true}
并在HTML中显示时返回看起来像这样的内容:
所以在我看来,我可以有类似的东西:
<td> {{ record.jsonData | prettyprint }} </td>
Run Code Online (Sandbox Code Playgroud) 我搜索过这个特定的主题,找不到类似的东西.如果有请关闭此并给出一个链接.
我正在创建一个json数据api模拟器.我希望用户能够将json对象请求复制并粘贴到textarea中,他们也可以在将其发送到服务器之前对其进行修改.
问题是json obj复制和patses经常导致额外的空格,并且永远不会正确对齐,即使使用pre标签.我还想要一个适用于键和值的良好配色方案.
我已经看过插件,其他问题和代码片段,但它们不适用于文本可编辑的textareas.在编辑模式下是否保持样式,而不显示所有样式的html标签?我希望能够用javascript或jquery从头开始编写它.
可能重复:
使用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库可以实现这一目标?或者怎么做?
jQuery是否具有类似于PHP的var_dump的HTML漂亮打印功能的JSON/Javascript对象?如果是,那是什么?
可能重复:
使用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) 我正在尝试使用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) 我正在开发具有上传功能的网络文件浏览器。我正在使用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 ×9
json ×7
jquery ×5
html ×3
css ×2
angular ×1
angularjs ×1
console ×1
debugging ×1
file-upload ×1
filter ×1
google-api ×1
google-books ×1
jsfiddle ×1
node.js ×1
php ×1
pipe ×1
pretty-print ×1