{"id":28604,"date":"2024-11-25T15:50:54","date_gmt":"2024-11-25T07:50:54","guid":{"rendered":"https:\/\/fwq.ai\/blog\/28604\/"},"modified":"2024-11-25T15:50:54","modified_gmt":"2024-11-25T07:50:54","slug":"%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8fjson%e6%95%b0%e6%8d%ae%e5%be%aa%e7%8e%af%e5%b1%95%e7%a4%ba%e5%ae%9e%e4%be%8b%e5%88%86%e4%ba%ab","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/28604\/","title":{"rendered":"\u5fae\u4fe1\u5c0f\u7a0b\u5e8fjson\u6570\u636e\u5faa\u73af\u5c55\u793a\u5b9e\u4f8b\u5206\u4eab"},"content":{"rendered":"<p>\u9996\u5148\u8fd9\u662f\u539f\u59cb\u6570\u636e,json\u7684\u6570\u7ec4\u3002 \u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u901a\u8fc7api\u63a5\u53e3\u5c06json\u6570\u636e\u5c55\u73b0\u5230\u5c0f\u7a0b\u5e8f\u793a\u4f8b\uff0c\u5c0f\u7f16\u89c9\u5f97\u633a\u4e0d\u9519\u7684\uff0c\u73b0\u5728\u5206\u4eab\u7ed9\u5927\u5bb6\uff0c\u4e5f\u7ed9\u5927\u5bb6\u505a\u4e2a\u53c2\u8003\u3002\u4e00\u8d77\u8ddf\u968f\u5c0f\u7f16\u8fc7\u6765\u770b\u770b\u5427&nbsp;<\/p>\n<p><span style=\"color:#f33b45\">html\u90e8\u5206<\/span><\/p>\n<pre>&lt;view&gt;\u5217\u8868\u6d4b\u8bd5&lt;\/view&gt;&lt;view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;&lt;text&gt;{{item.id}}\u3001{{item.title}}&lt;\/text&gt;&lt;\/view&gt;&nbsp;&nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;&lt;text&gt;\u5355\u4ef7{{item.unitprice}}\u5143\/m\u00b2&lt;\/text&gt;&lt;\/view&gt;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;&lt;text&gt;{{item.city}}&lt;\/text&gt;&lt;\/view&gt;&nbsp;&nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;text&gt;{{cell.tags}}&lt;\/text&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;&lt;\/view&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p><span style=\"color:#f33b45\"><strong>wx:for=&#8221;{{list_data}}&#8221;\u7528\u6765\u5faa\u73af\u6570\u7ec4\uff0c\u800clist_data\u5373\u4e3a\u6570\u7ec4\u540dwx:for-item=&#8221;cell&#8221; \u5373\u7528\u6765\u5b9a\u4e49\u4e00\u4e2a\u5faa\u73af\u8fc7\u7a0b\u4e2d\u6bcf\u4e2a\u5143\u7d20\u7684\u53d8\u91cf\u7684<\/strong><\/span><\/p>\n<p><span style=\"color:#f33b45\"><strong>\u8c28\u8bb0\uff1awx:for\u662f\u5faa\u73af\u6570\u7ec4\uff0cwx:for-item\u5373\u7ed9\u5217\u8868\u8d4b\u522b\u540d<\/strong><\/span><\/p>\n<h2><span style=\"color:#f33b45\">js\u90e8\u5206<\/span><\/h2>\n<pre>Page({\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u9875\u9762\u7684\u521d\u59cb\u6570\u636e\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;data:&nbsp;{&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u52a0\u8f7d\n&nbsp;&nbsp;&nbsp;*\/\nonLoad:&nbsp;function&nbsp;(options)&nbsp;{&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;_this&nbsp;=&nbsp;this\n&nbsp;&nbsp;&nbsp;&nbsp;wx.request({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;'\u81ea\u5df1\u7684\u6570\u636e\u5730\u5740\/list.json',\/\/json\u6570\u636e\u5730\u5740\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;headers:&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'Content-Type':&nbsp;'application\/json'\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function&nbsp;(res)&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/console.log(res.data.imgListData)\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/console.log(res.data.imgListData[0].tag)\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/\u5c06\u83b7\u53d6\u5230\u7684json\u6570\u636e\uff0c\u5b58\u5728\u540d\u5b57\u53eblist_data\u7684\u8fd9\u4e2a\u6570\u7ec4\u4e2d\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_this.setData({\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;list_data:&nbsp;res.data.imgListData,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/res\u4ee3\u8868success\u51fd\u6570\u7684\u4e8b\u4ef6\u5bf9\uff0cdata\u662f\u56fa\u5b9a\u7684\uff0cimgListData\u662f\u4e0a\u9762json\u6570\u636e\u4e2dimgListData\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;})&nbsp;&nbsp;&nbsp;&nbsp;\n&nbsp;&nbsp;&nbsp;&nbsp;\n},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u521d\u6b21\u6e32\u67d3\u5b8c\u6210\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onReady:&nbsp;function&nbsp;()&nbsp;{&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u663e\u793a\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onShow:&nbsp;function&nbsp;()&nbsp;{&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u9690\u85cf\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onHide:&nbsp;function&nbsp;()&nbsp;{&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570--\u76d1\u542c\u9875\u9762\u5378\u8f7d\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onUnload:&nbsp;function&nbsp;()&nbsp;{&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u9875\u9762\u76f8\u5173\u4e8b\u4ef6\u5904\u7406\u51fd\u6570--\u76d1\u542c\u7528\u6237\u4e0b\u62c9\u52a8\u4f5c\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onPullDownRefresh:&nbsp;function&nbsp;()&nbsp;{&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u9875\u9762\u4e0a\u62c9\u89e6\u5e95\u4e8b\u4ef6\u7684\u5904\u7406\u51fd\u6570\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onReachBottom:&nbsp;function&nbsp;()&nbsp;{&nbsp;},\n\n&nbsp;&nbsp;\/**\n&nbsp;&nbsp;&nbsp;*&nbsp;\u7528\u6237\u70b9\u51fb\u53f3\u4e0a\u89d2\u5206\u4eab\n&nbsp;&nbsp;&nbsp;*\/\n&nbsp;&nbsp;onShareAppMessage:&nbsp;function&nbsp;()&nbsp;{&nbsp;}\n})<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h2><span style=\"color:#f33b45\">json\u683c\u5f0f<\/span><\/h2>\n<pre>{\n&nbsp;&nbsp;\"imgListData\":&nbsp;[\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"id\":&nbsp;\"1\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"title\":&nbsp;\"\u6807\u9898\u63cf\u8ff0\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"content\":&nbsp;\"\u5185\u5bb9\u63cf\u8ff0&nbsp;\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"city\":&nbsp;\"\u8be6\u7ec6\u5730\u5740\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"adrs\":&nbsp;\"\u4e0a\u6d77\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"room\":&nbsp;\"\u697c\u623f\u63cf\u8ff0\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"imgUrl\":&nbsp;\"\u56fe\u7247\u5730\u5740\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"dataTimes\":&nbsp;\"\u65f6\u95f4\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"peo\":&nbsp;\"\u59d3\u540d\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tel\":&nbsp;\"\u624b\u673a\u53f7\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"pho\":&nbsp;\"\u7167\u7247\u5730\u5740\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"money\":&nbsp;\"\u4ef7\u683c\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"unitprice\":&nbsp;\"\u5355\u4ef7\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tag\":&nbsp;[\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tags\":&nbsp;\"\u6807\u7b7e\u4e00\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tags\":&nbsp;\"\u6807\u7b7e\u4e03\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tags\":&nbsp;\"\u6807\u7b7e\u516b\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"id\":&nbsp;\"2\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"title\":&nbsp;\"\u6807\u9898\u63cf\u8ff0\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"content\":&nbsp;\"\u5185\u5bb9\u63cf\u8ff0&nbsp;\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"city\":&nbsp;\"\u8be6\u7ec6\u5730\u5740\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"adrs\":&nbsp;\"\u4e0a\u6d77\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"room\":&nbsp;\"\u697c\u623f\u63cf\u8ff0\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"imgUrl\":&nbsp;\"\u56fe\u7247\u5730\u5740\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"dataTimes\":&nbsp;\"\u65f6\u95f4\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"peo\":&nbsp;\"\u59d3\u540d\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tel\":&nbsp;\"\u624b\u673a\u53f7\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"pho\":&nbsp;\"\u7167\u7247\u5730\u5740\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"money\":&nbsp;\"\u4ef7\u683c\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"unitprice\":&nbsp;\"\u5355\u4ef7\",\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tag\":&nbsp;[\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tags\":&nbsp;\"\u6807\u7b7e\u4e8c\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tags\":&nbsp;\"\u6807\u7b7e\u516d\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\"tags\":&nbsp;\"\u6807\u7b7e\u4e03\"\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]\n&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;]\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<h2> <span style=\"color:#f33b45\">css \u8fd9\u91cc\u6837\u5f0f\u7528\u4e86flex\uff0c\u8be6\u7ec6\u4e86\u89e3\uff1a&nbsp;&nbsp;<\/span><span style=\"color:#f33b45\">http:\/\/static.vgee.cn\/static\/index.html<\/span> <\/h2>\n<pre>.mflex&nbsp;{display:flex;}\n.list-head{text-align:&nbsp;center;font-size:32rpx;}\n.list-li{height:166rpx;padding:40rpx&nbsp;30rpx;border-bottom:2rpx&nbsp;solid&nbsp;#e4e7ec;flex-wrap:wrap;justify-content:space-between;flex-direction:column;align-items:center;}\n.list-img{width:210rpx;height:166rpx;}\n.list-img&nbsp;image{display:&nbsp;block;width:210rpx;height:166rpx;}\n.list-tit,.list-adr,.list-tag,.list-con{width:calc(&nbsp;100%&nbsp;-&nbsp;240rpx&nbsp;);}\n.list-tit{font-size:30rpx;color:#1c2627;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;}\n.list-con{font-size:24rpx;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}\n.list-adr{font-size:22rpx;color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;&nbsp;}\n.list-tag{font-size:20rpx;}\n.list-tag&nbsp;text{background:#f5ecdf;color:#ff9d00;padding:5rpx;margin-right:10rpx;}\n.list-money{font-size:30rpx;color:red;flex:1;text-align:&nbsp;right;font-weight:bold;}\n.dizhi{flex:2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}\n.list-tag&nbsp;text{color:#fff;}\n.list-tag&nbsp;.tag_0{background:#c3dbf3;}\n.list-tag&nbsp;.tag_1{background:#fbd08f}\n.list-tag&nbsp;.tag_2{background:#fdd2d5;}\n.list-tag&nbsp;.tag_3{background:#add2a5;}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u8fd0\u884c\u7ed3\u679c<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/img.php.cn\/\/upload\/image\/441\/118\/711\/1532592880501108.png\" class=\"aligncenter\" title=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8fjson\u6570\u636e\u5faa\u73af\u5c55\u793a\u5b9e\u4f8b\u5206\u4eab\u63d2\u56fe\" alt=\"\u5fae\u4fe1\u5c0f\u7a0b\u5e8fjson\u6570\u636e\u5faa\u73af\u5c55\u793a\u5b9e\u4f8b\u5206\u4eab\u63d2\u56fe\" \/><\/p>\n<p>&nbsp;\u76f8\u5173\u6587\u7ae0\uff1a<\/p>\n<\/p>\n<p>\u76f8\u5173\u89c6\u9891\uff1a<\/p>\n<\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5fae\u4fe1\u5c0f\u7a0b\u5e8fjson\u6570\u636e\u5faa\u73af\u5c55\u793a\u5b9e\u4f8b\u5206\u4eab\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u9996\u5148\u8fd9\u662f\u539f\u59cb\u6570\u636e,json\u7684\u6570\u7ec4\u3002 \u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u901a\u8fc7api\u63a5\u53e3\u5c06json\u6570\u636e\u5c55\u73b0\u5230\u5c0f\u7a0b\u5e8f\u793a\u4f8b\uff0c\u5c0f\u7f16\u89c9\u5f97\u633a\u4e0d\u9519\u7684\uff0c\u73b0\u5728\u5206\u4eab\u7ed9\u5927\u5bb6\uff0c\u4e5f\u7ed9\u5927\u5bb6\u505a\u4e2a\u53c2\u8003\u3002\u4e00\u8d77\u8ddf\u968f\u5c0f\u7f16\u8fc7\u6765\u770b\u770b\u5427&nbsp; html\u90e8\u5206 &lt;view&gt;\u5217\u8868\u6d4b\u8bd5&lt;\/view&gt;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;&lt;image&gt;&lt;\/image&gt;&lt;\/view&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;&lt;text&gt;{{item.id}}\u3001{{item.title}}&lt;\/text&gt;&lt;\/view&gt;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;&lt;text&gt;\u5355\u4ef7{{item.unitprice}}\u5143\/m\u00b2&lt;\/text&gt;&lt;\/view&gt;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt;&lt;text&gt;{{item.city}}&lt;\/text&gt;&lt;\/view&gt;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;view&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;text&gt;{{cell.tags}}&lt;\/text&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&lt;\/view&gt;&lt;\/view&gt; \u767b\u5f55\u540e\u590d\u5236 wx:for=&#8221;{{list_data}}&#8221;\u7528\u6765\u5faa\u73af\u6570\u7ec4\uff0c\u800clist_data\u5373\u4e3a\u6570\u7ec4\u540dwx:for-item=&#8221;cell&#8221; \u5373\u7528\u6765\u5b9a\u4e49\u4e00\u4e2a\u5faa\u73af\u8fc7\u7a0b\u4e2d\u6bcf\u4e2a\u5143\u7d20\u7684\u53d8\u91cf\u7684 \u8c28\u8bb0\uff1awx:for\u662f\u5faa\u73af\u6570\u7ec4\uff0cwx:for-item\u5373\u7ed9\u5217\u8868\u8d4b\u522b\u540d js\u90e8\u5206 Page({ &nbsp;&nbsp;\/** &nbsp;&nbsp;&nbsp;*&nbsp;\u9875\u9762\u7684\u521d\u59cb\u6570\u636e &nbsp;&nbsp;&nbsp;*\/ &nbsp;&nbsp;data:&nbsp;{&nbsp;}, &nbsp;&nbsp;\/** &nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570&#8211;\u76d1\u542c\u9875\u9762\u52a0\u8f7d &nbsp;&nbsp;&nbsp;*\/ onLoad:&nbsp;function&nbsp;(options)&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;_this&nbsp;=&nbsp;this &nbsp;&nbsp;&nbsp;&nbsp;wx.request({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;&#8216;\u81ea\u5df1\u7684\u6570\u636e\u5730\u5740\/list.json&#8217;,\/\/json\u6570\u636e\u5730\u5740 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;headers:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&#8216;Content-Type&#8217;:&nbsp;&#8216;application\/json&#8217; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success:&nbsp;function&nbsp;(res)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/console.log(res.data.imgListData) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/console.log(res.data.imgListData[0].tag) &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/\u5c06\u83b7\u53d6\u5230\u7684json\u6570\u636e\uff0c\u5b58\u5728\u540d\u5b57\u53eblist_data\u7684\u8fd9\u4e2a\u6570\u7ec4\u4e2d &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;_this.setData({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;list_data:&nbsp;res.data.imgListData, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\/\/res\u4ee3\u8868success\u51fd\u6570\u7684\u4e8b\u4ef6\u5bf9\uff0cdata\u662f\u56fa\u5b9a\u7684\uff0cimgListData\u662f\u4e0a\u9762json\u6570\u636e\u4e2dimgListData &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;})&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;})&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; }, &nbsp;&nbsp;\/** &nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570&#8211;\u76d1\u542c\u9875\u9762\u521d\u6b21\u6e32\u67d3\u5b8c\u6210 &nbsp;&nbsp;&nbsp;*\/ &nbsp;&nbsp;onReady:&nbsp;function&nbsp;()&nbsp;{&nbsp;}, &nbsp;&nbsp;\/** &nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570&#8211;\u76d1\u542c\u9875\u9762\u663e\u793a &nbsp;&nbsp;&nbsp;*\/ &nbsp;&nbsp;onShow:&nbsp;function&nbsp;()&nbsp;{&nbsp;}, &nbsp;&nbsp;\/** &nbsp;&nbsp;&nbsp;*&nbsp;\u751f\u547d\u5468\u671f\u51fd\u6570&#8211;\u76d1\u542c\u9875\u9762\u9690\u85cf [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-28604","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28604","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=28604"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/28604\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=28604"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=28604"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=28604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}