如何存储（使用php）和使用（使用javascript）大量数据
[英]how to store (in php) and use (in javascript) large amount of data
问题描述
我已将数据存储在隐藏的<input>标记中，但这导致性能降低。 共有约100个项目。 这是其中之一：
<div class="data">
<input type="HIDDEN" name="zold_0" value="0">
<input type="HIDDEN" name="dpi_0" value="27x40">
<input type="HIDDEN" name="minoseg_0" value="gyenge">
<input type="HIDDEN" name="src_0_0" value="/_files/4/8/11307.jpg">
<input type="HIDDEN" name="szoveges_uzenet_0_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_0_1" value="/_files/4/8/11308.jpg">
<input type="HIDDEN" name="szoveges_uzenet_0_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_1" value="0">
<input type="HIDDEN" name="dpi_1" value="27x36">
<input type="HIDDEN" name="minoseg_1" value="gyenge">
<input type="HIDDEN" name="src_1_0" value="/_files/4/8/11309.jpg">
<input type="HIDDEN" name="szoveges_uzenet_1_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_1_1" value="/_files/4/8/11310.jpg">
<input type="HIDDEN" name="szoveges_uzenet_1_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_2" value="0">
<input type="HIDDEN" name="dpi_2" value="23x40">
<input type="HIDDEN" name="minoseg_2" value="gyenge">
<input type="HIDDEN" name="src_2_0" value="/_files/4/8/11311.jpg">
<input type="HIDDEN" name="szoveges_uzenet_2_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_2_1" value="/_files/4/8/11312.jpg">
<input type="HIDDEN" name="szoveges_uzenet_2_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_3" value="0">
<input type="HIDDEN" name="dpi_3" value="23x34">
<input type="HIDDEN" name="minoseg_3" value="gyenge">
<input type="HIDDEN" name="src_3_0" value="/_files/4/8/11307.jpg">
<input type="HIDDEN" name="szoveges_uzenet_3_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_3_1" value="/_files/4/8/11308.jpg">
<input type="HIDDEN" name="szoveges_uzenet_3_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_4" value="0">
<input type="HIDDEN" name="dpi_4" value="23x30">
<input type="HIDDEN" name="minoseg_4" value="gyenge">
<input type="HIDDEN" name="src_4_0" value="/_files/4/8/11309.jpg">
<input type="HIDDEN" name="szoveges_uzenet_4_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_4_1" value="/_files/4/8/11310.jpg">
<input type="HIDDEN" name="szoveges_uzenet_4_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_5" value="0">
<input type="HIDDEN" name="dpi_5" value="20x27">
<input type="HIDDEN" name="minoseg_5" value="gyenge">
<input type="HIDDEN" name="src_5_0" value="/_files/4/8/11309.jpg">
<input type="HIDDEN" name="szoveges_uzenet_5_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_5_1" value="/_files/4/8/11310.jpg">
<input type="HIDDEN" name="szoveges_uzenet_5_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_6" value="0">
<input type="HIDDEN" name="dpi_6" value="18x27">
<input type="HIDDEN" name="minoseg_6" value="gyenge">
<input type="HIDDEN" name="src_6_0" value="/_files/4/8/11307.jpg">
<input type="HIDDEN" name="szoveges_uzenet_6_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_6_1" value="/_files/4/8/11308.jpg">
<input type="HIDDEN" name="szoveges_uzenet_6_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_7" value="0">
<input type="HIDDEN" name="dpi_7" value="15x27">
<input type="HIDDEN" name="minoseg_7" value="gyenge">
<input type="HIDDEN" name="src_7_0" value="/_files/4/8/11311.jpg">
<input type="HIDDEN" name="szoveges_uzenet_7_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_7_1" value="/_files/4/8/11312.jpg">
<input type="HIDDEN" name="szoveges_uzenet_7_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_8" value="0">
<input type="HIDDEN" name="dpi_8" value="17x23">
<input type="HIDDEN" name="minoseg_8" value="gyenge">
<input type="HIDDEN" name="src_8_0" value="/_files/4/8/11309.jpg">
<input type="HIDDEN" name="szoveges_uzenet_8_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_8_1" value="/_files/4/8/11310.jpg">
<input type="HIDDEN" name="szoveges_uzenet_8_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_9" value="0">
<input type="HIDDEN" name="dpi_9" value="16x23">
<input type="HIDDEN" name="minoseg_9" value="gyenge">
<input type="HIDDEN" name="src_9_0" value="/_files/4/8/11313.jpg">
<input type="HIDDEN" name="szoveges_uzenet_9_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_9_1" value="/_files/4/8/11314.jpg">
<input type="HIDDEN" name="szoveges_uzenet_9_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_10" value="0">
<input type="HIDDEN" name="dpi_10" value="15x23">
<input type="HIDDEN" name="minoseg_10" value="gyenge">
<input type="HIDDEN" name="src_10_0" value="/_files/4/8/11307.jpg">
<input type="HIDDEN" name="szoveges_uzenet_10_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_10_1" value="/_files/4/8/11308.jpg">
<input type="HIDDEN" name="szoveges_uzenet_10_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_11" value="0">
<input type="HIDDEN" name="dpi_11" value="12x16">
<input type="HIDDEN" name="minoseg_11" value="gyenge">
<input type="HIDDEN" name="src_11_0" value="/_files/4/8/11309.jpg">
<input type="HIDDEN" name="szoveges_uzenet_11_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_11_1" value="/_files/4/8/11310.jpg">
<input type="HIDDEN" name="szoveges_uzenet_11_1" value="A fill eljárás során a pirossal jelzett rész levágódik.">
<input type="HIDDEN" name="zold_12" value="0">
<input type="HIDDEN" name="dpi_12" value="12x16">
<input type="HIDDEN" name="minoseg_12" value="gyenge">
<input type="HIDDEN" name="src_12_0" value="/_files/4/8/11313.jpg">
<input type="HIDDEN" name="szoveges_uzenet_12_0" value="A képarányeltérésből eredő terület fehér lesz.">
<input type="HIDDEN" name="src_12_1" value="/_files/4/8/11314.jpg">
<input type="HIDDEN" name="szoveges_uzenet_12_1" value="A fill eljárás során a pirossal jelzett rész levágódik."></div>
您将如何建议存储这些数据？ XML是用于此的吗？ 您能否提供客户端和服务器端用法的基本示例？
我无法完全分开（因为此数据有时是通过ajax来的），但这并不是目标。
现在看起来像这样：
<div class="data"><input name="data" type="hidden" value="{"zold_0":0,"dpi_0":"27x40","minoseg_0":"gyenge","src_0_0":"\/_files\/4\/8\/8305.jpg","szoveges_uzenet_0_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_0_1":"\/_files\/4\/8\/8306.jpg","szoveges_uzenet_0_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_1":0,"dpi_1":"27x36","minoseg_1":"gyenge","src_1_0":"\/_files\/4\/8\/8307.jpg","szoveges_uzenet_1_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_1_1":"\/_files\/4\/8\/8308.jpg","szoveges_uzenet_1_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_2":0,"dpi_2":"23x40","minoseg_2":"gyenge","src_2_0":"\/_files\/4\/8\/8309.jpg","szoveges_uzenet_2_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_2_1":"\/_files\/4\/8\/8310.jpg","szoveges_uzenet_2_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_3":0,"dpi_3":"23x34","minoseg_3":"gyenge","src_3_0":"\/_files\/4\/8\/8305.jpg","szoveges_uzenet_3_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_3_1":"\/_files\/4\/8\/8306.jpg","szoveges_uzenet_3_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_4":0,"dpi_4":"23x30","minoseg_4":"gyenge","src_4_0":"\/_files\/4\/8\/8307.jpg","szoveges_uzenet_4_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_4_1":"\/_files\/4\/8\/8308.jpg","szoveges_uzenet_4_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_5":0,"dpi_5":"20x27","minoseg_5":"gyenge","src_5_0":"\/_files\/4\/8\/8307.jpg","szoveges_uzenet_5_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_5_1":"\/_files\/4\/8\/8308.jpg","szoveges_uzenet_5_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_6":0,"dpi_6":"18x27","minoseg_6":"gyenge","src_6_0":"\/_files\/4\/8\/8305.jpg","szoveges_uzenet_6_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_6_1":"\/_files\/4\/8\/8306.jpg","szoveges_uzenet_6_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_7":0,"dpi_7":"15x27","minoseg_7":"gyenge","src_7_0":"\/_files\/4\/8\/8309.jpg","szoveges_uzenet_7_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_7_1":"\/_files\/4\/8\/8310.jpg","szoveges_uzenet_7_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_8":0,"dpi_8":"17x23","minoseg_8":"gyenge","src_8_0":"\/_files\/4\/8\/8307.jpg","szoveges_uzenet_8_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_8_1":"\/_files\/4\/8\/8308.jpg","szoveges_uzenet_8_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_9":0,"dpi_9":"16x23","minoseg_9":"gyenge","src_9_0":"\/_files\/4\/8\/8311.jpg","szoveges_uzenet_9_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_9_1":"\/_files\/4\/8\/8312.jpg","szoveges_uzenet_9_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_10":0,"dpi_10":"15x23","minoseg_10":"gyenge","src_10_0":"\/_files\/4\/8\/8305.jpg","szoveges_uzenet_10_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_10_1":"\/_files\/4\/8\/8306.jpg","szoveges_uzenet_10_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_11":0,"dpi_11":"12x16","minoseg_11":"gyenge","src_11_0":"\/_files\/4\/8\/8307.jpg","szoveges_uzenet_11_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_11_1":"\/_files\/4\/8\/8308.jpg","szoveges_uzenet_11_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik.","zold_12":0,"dpi_12":"12x16","minoseg_12":"gyenge","src_12_0":"\/_files\/4\/8\/8311.jpg","szoveges_uzenet_12_0":"A k\u00e9par\u00e1nyelt\u00e9r\u00e9sb\u0151l ered\u0151 ter\u00fclet feh\u00e9r lesz.","src_12_1":"\/_files\/4\/8\/8312.jpg","szoveges_uzenet_12_1":"A fill elj\u00e1r\u00e1s sor\u00e1n a pirossal jelzett r\u00e9sz lev\u00e1g\u00f3dik."}"></div>
3 个解决方案
解决方案1
3 已采纳 2012-06-15 08:52:56
您可以将数据存储为JSON格式 。
<?php
$data = array(
'zold_0' => '0',
'dpi_0' => '27x40',
'minoseg_0' => 'gyenge',
/* ... other items... */
);
?>
<script>
var data = <?php echo json_encode($data) ?>;
</script>
解决方案2
1 2012-06-15 08:51:40
我建议您以JSON消息的形式从与HTML页面分开的另一个PHP模块中发出该数据。
在您的html页面中，您安装了少量的JavaScript，以在页面加载后异步加载JSON消息。 您可以使用jquery轻松做到这一点。 有很多例子。
然后，从javascript逻辑内部，您可以在客户端解析JSON文件并对其进行任何处理。
解决方案3
0 2012-06-15 08:51:21
最初，我们假定此页面/数据来自服务器。 如果是这样，为什么不使用会话？ 如果您使用会话，则不需要将该数据扔给客户端，并且客户端也不需要将数据扔回到服务器（数据首先来自该服务器）。
如何使用php获取和加载大量数据到jquery数据库
[英]how to fetch and load large amount of data into jquery datable using php
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.