[英]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>
您可以將數據存儲為JSON格式 。
<?php
$data = array(
'zold_0' => '0',
'dpi_0' => '27x40',
'minoseg_0' => 'gyenge',
/* ... other items... */
);
?>
<script>
var data = <?php echo json_encode($data) ?>;
</script>
我建議您以JSON消息的形式從與HTML頁面分開的另一個PHP模塊中發出該數據。
在您的html頁面中,您安裝了少量的JavaScript,以在頁面加載后異步加載JSON消息。 您可以使用jquery輕松做到這一點。 有很多例子。
然后,從javascript邏輯內部,您可以在客戶端解析JSON文件並對其進行任何處理。
最初,我們假定此頁面/數據來自服務器。 如果是這樣,為什么不使用會話? 如果您使用會話,則不需要將該數據扔給客戶端,並且客戶端也不需要將數據扔回到服務器(數據首先來自該服務器)。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.