json卡片代码生成器（如何加快 json 序列化速度）

本文目录

• 如何加快 json 序列化速度
• java 生成JSON 然后 在html页面 解析 然后 输出到页面！！！！在线等！！！
• java怎么实现JSON打包UDP
• 如何使用node.js生成json数据
• Flutter真香，我用它写了个桌面版JSON解析工具
• 怎么用jsp生成json格式数据,然后用js又怎样读取其数据

如何加快 json 序列化速度

最近研究JSON，想把datatable直接序列化为json，上网查了查，发现.net下有这么两种json序列化的方法：
一是用Newtonsoft.Json.dll进行json序列化，这个从json的官网上就可以找到，使用比较方便。
***隐藏网址***
两种序列话方法都可以达到要求，但是我想看一下两种分别的速度如何，于是自己写个程序试一下。
生成datatable的代码如下
private DataTable getDataTable(string name)
{
DataTable dt = new DataTable(name);
dt.Columns.Add(new DataColumn("name", typeof(string)));
dt.Columns.Add(new DataColumn("password", typeof(string)));
DataRow dr;
for (int i = 0; i 《 100; i++)
{

java 生成JSON 然后 在html页面 解析 然后 输出到页面！！！！在线等！！！

javascript能支持的json格式是：
a、"{"name":"dd","age":"12"}"；
b、""；
在java中直接使用JSONObject类的fromObject即可把对象转换成json字符串
或者你直接把JAVA的字符串拼接成上面的格式，然後返回出去就行了，然後在ajax的回调函数中处理
页面的AJAX请求请参考下面的链接
***隐藏网址***

java怎么实现JSON打包UDP

java实现JSON打包UDP cJSON支持在C程序中创建和解析JSON数据，其提供多种方法供C程序使用，最直接的是将cJSON.c和cJSON.h加入到C工程中

（1） QJsonObject用于在Qt中创建JSON对象

（2）数据传输通过UDP运行

代码如下

首先在pro文件中加入

QT += network

h文件内容：

首先在pro文件中加入

QT += network

h文件内容：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include 《QMainWindow》
#include《QtNetwork》
namespace Ui {
class MainWindow;
}
class MainWindow : public QMainWindow
{
Q_OBJECT
public:
explicit MainWindow(QWidget *parent = 0);
~MainWindow();
QUdpSocket *sender;
QByteArray byteArray;
private slots:
void on_pushButton_clicked();
private:
Ui::MainWindow *ui;
};
#endif // MAINWINDOW_H

cpp文件内容：
#include "mainwindow.h"
#include "ui_mainwindow.h"
#include《QJsonObject》
#include《QJsonDocument》
#include《QDebug》
MainWindow::MainWindow(QWidget *parent) :
QMainWindow(parent),
ui(new Ui::MainWindow)
{
ui-》setupUi(this);
sender = new QUdpSocket(this);
QJsonObject rectJson;
rectJson.insert("Type","Rectangle");
rectJson.insert("height",42);
rectJson.insert("widght",23);
QJsonDocument rectJsonDoc;
rectJsonDoc.setObject(rectJson);
byteArray = rectJsonDoc.toJson(QJsonDocument::Compact);
}
MainWindow::~MainWindow()
{
delete ui;
}
void MainWindow::on_pushButton_clicked()
{
QHostAddress address;
address.setAddress(QString("192.168.230.140"));
sender-》writeDatagram(byteArray.data(),byteArray.size(),
address,4444);
}

程序通过端口4444，向IP为192.168.230.140的主机发送JSON数据

C程序如下：

{
int sock_fd;
char rcv_buff;
struct sockaddr_in client_addr;
struct sockaddr_in server_addr;
int client_len;
int rcv_num = -1;
if ((sock_fd = socket(AF_INET, SOCK_DGRAM,0)) 《 0)
{
perror("socket create error\n");
exit(1);
}
memset(&server_addr,0,sizeof(struct sockaddr_in));
server_addr.sin_family = AF_INET;
server_addr.sin_port = htons(4444);
server_addr.sin_addr.s_addr = htonl(INADDR_ANY);
client_len = sizeof(struct sockaddr_in);
if (bind(sock_fd, (struct sockaddr *)&server_addr, sizeof(struct sockaddr_in)) 《 0)
{
perror("bind socket error.\n");
exit(1);
}
while (1)
{
/*zero the buff of rvbsm and hvbsm? zhp*/
rcv_num= recvfrom(sock_fd, rcv_buff, sizeof(rcv_buff), 0, (struct sockaddr*)&client_addr, &client_len);
if (rcv_num》0)
{
rcv_buff = ’\0’;
printf("rx bsm num = %d\n",rcv_num);
//printf();
printf("%s %u says: %s\n",inet_ntoa(client_addr.sin_addr),ntohs(client_addr.sin_port),rcv_buff);
//parse_UDP_data(rcv_num,rcv_buff);
if(rcv_buff != NULL)
{
cJSON* pJson = cJSON_Parse(rcv_buff);
if(pJson == NULL)
{
printf("Json Parse failed.\n");
return 0;
}
cJSON* pSub1 = cJSON_GetObjectItem(pJson,"Type");
cJSON* pSub2 = cJSON_GetObjectItem(pJson,"height");
cJSON* pSub3 = cJSON_GetObjectItem(pJson,"widght");
if(pSub1!=NULL)
{
printf("Type : %s\n", pSub1-》valuestring);
}
if(pSub2!=NULL)
{
printf("height : %d\n", pSub2-》valueint);
}
if(pSub3!=NULL)
{
printf("widght : %d\n", pSub3-》valueint);
}
}
}
else
{
perror("recv BSM error\n");
break;
}
}
close(sock_fd);
}

编译C程序:gcc -I. -lm -o rencode *.c

由于cJSON使用了标准数学库，所以在编译中需链接其库文件-lm；

在IP为192.168.230.140的Linux服务器中执行./rencode

输出结果为：

如何使用node.js生成json数据

使用node.js生成json数据代码如下：

***隐藏网址***
var data = {key: ’value’, hello: ’world’};
***隐藏网址***
  res.writeHead(200, {’Content-Type’: ’application/json’});
  res.end(JSON.stringify(data));
});
srv.listen(8080, function() {
  console.log(’listening on localhost:8080’);
});

Flutter真香，我用它写了个桌面版JSON解析工具

Flutter支持稳定的桌面设备开发已经一段时间了，不得不说，Flutter多平台支持的特性真的很香。我本人并没有任何桌面开发的经验，但仍然使用Flutter开发出了一个桌面版小程序，功能很简单，就是对输入的json做格式化处理和转模型。

话不多说，先来看看实际效果。 项目源码地址

开发环境如下：

Flutter : 2.8.1

Dart : 2.15.1

IDE : VSCode

JSON作为我们日常开发工作中经常要打交道的一种数据格式，它共有6种数据类型： null , num , string , object , array , bool 。我们势必对它又爱又恨。爱他因为他作为数据处理的一种格式确实非常方便简洁。但是在我们做Flutter开发中，又需要接触到json解析时，就会感觉非常棘手，因为flutter没有反射，导致json转模型这块需要手写那繁杂的映射关系。就像下面这样子。

数据量少还能接受，一旦量大，那么光手写这个解析方法都能让你怀疑人生。更何况手写还有出错的可能。好在官方有个工具**json_serializable**可以自动生成这块转换代码，也解决了flutter界json转模型的空缺。当然，业界也有专门解析json的网站，可以自动生成dart代码，使用者在生成后复制进项目中即可，也是非常方便的。

本项目以json解析为切入点，和大家一起来看下flutter是如何开发桌面应用的。

要让我们的flutter项目支持桌面设备。我们首先需要修改下flutter的设置。如下，让我们的项目支持 windows 和 macos 系统。

接下来使用 flutter create 命令创建我们的模版工程。

创建完项目后，我们就可以 run 起来了。

先来看下整体界面，界面四块，分别为功能模块、文件选择模块、输入模块、输出模块。

我们在新建一个桌面应用时，默认的模版又一个Appbar，此时应用可以用鼠标拖拽移动，放大缩小，还可以缩到很小。但是，我们一旦去掉这个导航栏，那么窗口就不能用鼠标拖动了，并且我们往往不希望用户将我们的窗口缩放的很小，这会导致页面异常，一些重要信息都展示不全。因此这里需要借助第三方组件 bitsdojo_window 。通过 bitsdojo_window ，我们可以实现窗口的定制化，拖动，最小尺寸，最大尺寸，窗口边框，窗口顶部放大、缩小、关闭的按钮等。

通过 InkWell 组件，可以捕捉到手势、鼠标、触控笔的移动和停留位置

这个功能是鼠标移动后的UI交互界面。要在窗口上显示一个提示框，可以使用 Overlay 。需要注意的是，由于在 Overlay 上的 text 的根结点不是 Material 风格的组件，因此会出现黄色的下划线。因此一定要用 Material 包一下 text 。并且你必须给创建的 OverlayEntry 一个位置，否则它将全屏显示。

读取说表拖拽的文件一开始想尝试使用 InkWell 组件，但是这个组件无法识别拖拽中的鼠标，并且也无法从中拿到文件信息。因此放弃。后来从文章《Flutter-2天写个桌面端APP》中发现一个可读取拖拽文件的组件 desktop_drop ，能满足要求。

使用开源组件 file_picker ，选完图片后的操作和拖拽选择图片后的操作一致。

Textfield 如果要显示富文本，那么需要自定义 TextEditingController 。并重写 buildTextSpan 方法。

在做导出功能时遇到下列报错，保存提示为没有权限访问对应目录下的文件。

通过Apple的开发文档找到有关权限问题的说明。其中有个授权私钥的key为 com.apple.security.files.downloads.read-write ，表示 对用户的下载文件夹的读/写访问权限 。那么，使用Xcode打开Flutter项目中的mac应用，修改工程目录下的 DebugProfile.entitlements 文件，向 entitlements 文件中添加 com.apple.security.files.downloads.read-write ，并将值设置为YES，保存后重启Flutter项目。发现已经可以向下载目录中读写文件了。

当然，这是正常操作。还有个骚操作就是关闭系统的沙盒机制。将 entitlements 文件的 App Sandbox 设置为NO。这样我们就可以访问任意路径了。当然关闭应用的沙盒也就相当于关闭了应用的防护机制，因此这个选项慎用。

***隐藏网址***

怎么用jsp生成json格式数据,然后用js又怎样读取其数据

AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。jQuery作为一个优秀的前端框架，也完美的支持了Ajax功能。通过 jQuery AJAX 方法，能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。编写常规的 AJAX 代码并不容易，因为不同的浏览器对 AJAX 的实现并不相同。这意味着你必须编写额外的代码对浏览器进行测试。不过，jQuery 团队为我们解决了这个难题，我们只需要一行简单的代码，就可以实现 AJAX 功能。
jQuery提供的Ajax方法主要有：

load(url,)：设置ajax全局参数 // ajax全局事件有以下6个：

ajaxStart()ajaxStop()ajaxSend()ajaxComplete()ajaxError()ajaxSuccess()

load()方法
load()方法可以方便的获取异步数据，url是指服务器上的文件地址，data是发送到服务器的数据，callback是指加载成功后调用的回调函数。
举例：
$(“button1”).click(function(){
$(“#divTip”).load(“b.html”);
})
这样就把b.html中的数据直接赋值给名为divTip的div。
getJSON方法
getJSON()方法可以直接调用JSON格式数据，加载后可以直接进行遍历JSON数据，进行相应的处理。
举例：

$.getJSON( "ajax/test.json",function( data ) {
varitems = ;
$.each( data, function( key,val ) {
items.push( "
" + val +"
" ); }); });

在获取到test.json后，通过each()方法对data进行遍历，获取JSON中的数据，然后进行相应的处理。
getScript()方法
通过getScript()方法获取.js文件，不但可以轻松的注入脚本，并且注入的脚本自动执行，大大提高了页面的执行效率。
举例：
$("button").click(function(){
$.getScript("/example/jquery/demo_ajax_script.js");
});
demo_ajax_script.js文件内容

?
1

alert("This JavaScript alert wasloaded by AJAX");
当调用getScript()方法后，会弹出一个对话框，如下所示：

get()方法
之前的几个方法分别处理了html、JSON、JS格式的文件，但我们也经常需要加载XML格式的数据。
我们大家都知道，两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。
l GET - 从指定的资源请求数据
l POST - 向指定的资源提交要处理的数据
GET 基本上用于从服务器获得（取回）数据。注释：GET方法可能返回缓存数据。
get()语法：
$(selector).get(url,data,success(response,status,xhr),dataType)
参数

描述
url

必需。规定将请求发送的哪个 URL。
data

可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)

可选。规定当请求成功时运行的函数。
额外的参数：
· response - 包含来自请求的结果数据
· status - 包含请求的状态
· xhr - 包含 XMLHttpRequest 对象
dataType

可选。规定预计的服务器响应的数据类型。
默认地，jQuery 将智能判断。
可能的类型：
· "xml"
· "html"
· "text"
· "script"
· "json"
· "jsonp"
举例：
$.get("test.xml", { name:"John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
post()方法
post()方法本质上与get()方法本质上没有太大区别，但是GET方式不适合传递数据量较大的数据，同时，其请求的历史信息会保存在浏览器的缓存里，有一定风险。而以POST方式向服务器发送数据请求，则不存在这两个方面的不足。
语法
$.post(url,data,success(data, textStatus,jqXHR),dataType)
举例：
$.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
$("span").html(result);
});
serialize()方法
serialize()方法也是一个非常有用的函数，它可以直接将表单中的数据转化为能随Ajax传递的字符串，即序列化所选的DOM元素，作为发送ajax请求时发送的数据。
语法
$(selector).serialize()
举例
$.post(“User_Info.aspx”, $(“#frmUserInfo”).serialize(),function(data){
$(“#divTip”).html(data);
});
ajax()方法
除了以上像get()、post()、load()等方法以外，jQuery还提供了更为强悍的底层函数ajax()，该方法不仅可以很方便地实现上述三个全局函数完成的功能，还更多的关注实现过程中的细节。
ajax()语法：
$.ajax()
options参数如下所示：
参数名

类型

描述
url

String

(默认: 当前页地址) 发送请求的地址。
type

String

(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 Delete 也可以使用，但仅部分浏览器支持。
timeout

Number

设置请求超时时间（毫秒）。此设置将覆盖全局设置。
async

Boolean

(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 false。注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。
beforeSend

Function

发送请求前可修改 XMLHttpRequest 对象的函数，如添加自定义 HTTP 头。XMLHttpRequest 对象是唯一的参数。
function (XMLHttpRequest) {this; // the options for this ajax request}
cache

Boolean

(默认: true) jQuery 1.2 新功能，设置为 false 将不会从浏览器缓存中加载请求信息。
complete

Function

请求完成后回调函数 (请求成功或失败时均调用)。参数： XMLHttpRequest 对象，成功信息字符串。
function (XMLHttpRequest, textStatus) {this; // the options for this ajax request}
contentType

String

(默认: "application/x-www-form-urlencoded") 发送信息至服务器时内容编码类型。默认值适合大多数应用场合。
data

Object,String

发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:} 转换为 ’&foo=bar1&foo=bar2’。
dataType

String

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值:
"xml": 返回 XML 文档，可用 jQuery 处理。
"html": 返回纯文本 HTML 信息；包含 script 元素。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。
error

Function

(默认: 自动判断 (xml 或 html)) 请求失败时将调用此方法。这个方法有三个参数：XMLHttpRequest 对象，错误信息，（可能）捕获的错误对象。
function (XMLHttpRequest, textStatus, errorThrown) {// 通常情况下textStatus和errorThown只有其中一个有值this; // the options for this ajax request}
global

Boolean

(默认: true) 是否触发全局 AJAX 事件。设置为 false 将不会触发全局 AJAX 事件，如 ajaxStart 或 ajaxStop 。可用于控制不同的Ajax事件
ifModified

Boolean

(默认: false) 仅在服务器数据改变时获取新数据。使用 HTTP 包 Last-Modified 头信息判断。
processData

Boolean

(默认: true) 默认情况下，发送的数据将被转换为对象(技术上讲并非字符串) 以配合默认内容类型 "application/x-www-form-urlencoded"。如果要发送 DOM 树信息或其它不希望转换的信息，请设置为 false。
success

Function

请求成功后回调函数。这个方法有两个参数：服务器返回数据，返回状态
function (data, textStatus) {// data could be xmlDoc, jsonObj, html, text, etc...this; // the options for this ajax request}
举例，获取博客园首页的文章题目：

$.ajax({
type: "get",
***隐藏网址***
beforeSend: function(XMLHttpRequest){
//ShowLoading();
},
success: function(data, textStatus){
$(".ajax.ajaxResult").html("");
$("item",data).each(function(i,domEle){
$(".ajax.ajaxResult").append("
"+$(domEle).children("title").text()+"
"); }); }, complete: function(XMLHttpRequest,textStatus){ //HideLoading(); }, error: function(){ //请求出错处理 } });
ajaxSetup()方法
用来设置全局的Ajax。在使用$.ajax()时，有时需要调用多个$.ajax()方法，如果每个方法都设置其中的请求细节，将会是一件十分麻烦的事，这就需要ajaxSetup的辅助。
举例：
$.ajaxSetup({
type:”GET”,
url:”UserInfo.xml”,
dataType:”xml”
})
设置了ajax()方法请求的方式为GET，数据地质为UserInfo.xml，返回数据类型为xml
ajax事件
jQuery中提供了6个全局的ajax事件，详细如下所述：
ajaxStart 全局事件
开始新的Ajax请求，并且此时没有其他ajax请求正在进行。
ajaxSend 全局事件
请求开始前触发的全局事件
ajaxSuccess 全局事件
全局的请求成功
ajaxError 全局事件
全局的发生错误时触发
ajaxComplete 全局事件
全局的请求完成时触发
ajaxStop 全局事件
当没有Ajax正在进行中的时候，触发。
举例
$(“#divTip”).ajaxStart(function(){
$(this).show();
});