① 怎麼給後端返回的json中添加數據
(1) 將如下代碼之後保存為 server.js
(2) 然後執行: node server.js
var http = require('http');
var url = require('url');
// 訪問的json地址與返回的json數據映射關系
var array=[
{
url:'/signup/index.json',
json:'{"tasks":[{"finishType":"人數優先","gmtEnd":"2015-11-19 11:30:00","gmtStart":"2015-11-17 11:30:00","id":98,"memo":"招新任務01","name":"招新任務01","requireNum":10,"signepNum":0,"signupStatus":"","taskStatus":"進行中"}],"stat":"ok"}'
},
{
url:'/signup/applyCheck.json',
json:'{"signupInfo":{"alipayAccount":"20881021179902510156","alipayCardNo":"2088102117990251","birthday":"","certifyStatus":null,"city":"","college":"","email":"[email protected]","gender":null,"gmtCreate":null,"gmtModified":null,"id":2,"identityCardNo":"330283198903120025","identityCardPic":"","major":"","maxWeekHours":0,"minWeekHours":0,"mobile":"18905818799","province":"","qualificationPic":"","realName":"zhulu","recruitSource":"","signupTaskId":98,"status":null,"statusReason":"","student":false,"testScore":0,"trainScore":0},"checkResult":{"code":"SUCCESS","message":"處理成功","printResult":true,"success":true},"stat":"ok"}'
},
{
url:'/server/matchSuggest.json',
json:'{"TotalHits":88,"errorCode":0,"errorDesc":"no_error","MatchResults":[{"CatId":"4098","CatTitlePath":"%E5%86%85%E9%83%A8%E7%9F%A5%E8%AF%86%E5%BA%93%3E%E8%B4%A6%E6%88%B7%E5%9F%BA%E7%A1%80%E5%8F%8A%E8%B5%84%E4%BA%A7%E7%AE%A1%E7%90%86%EF%BC%88%E6%96%B0%EF%BC%89%3E%E8%B4%A6%E6%88%B7%E5%9F%BA%E7%A1%80%3E%E5%AF%86%E7%A0%81%3E%E6%89%8B%E5%8A%BF%E5%AF%86%E7%A0%81","ChannelNames":"","Content":"","CreatorName":"%E6%A1%83%E7%98%B4","GmtCreate":"2015-04-07 17:58:42","GmtModified":"2015-05-19 11:48:36","Id":"6056","Keywords":"","ModifierId":"12484","ModifierName":"%E7%89%A7%E6%9A%AE","Status":"PUBLISHED","Title":"%E9%80%9A%E8%BF%87%E6%94%AF%E4%BB%98%E5%AE%9D%E9%92%B1%E5%8C%85%EF%BC%8C%3Cfont+color%3Dred%3E%E5%BF%98%E8%AE%B0%3C%2Ffont%3E%E6%89%8B%E5%8A%BF%3Cfont+color%3Dred%3E%E5%AF%86%E7%A0%81%3C%2Ffont%3E%E7%9A%84%E5%A4%84%E7%90%86%E6%B5%81%E7%A8%8B","Type":"NORMAL","deleted":"N"}]}'
},
{
url:'/signup/signup.json',
json:'{"stat":"ok"}'
}
];
// var temResult='{"TotalHits":88,"errorCode":0,"errorDesc":"no_error","MatchResults":[{"CatId":"4098","CatTitlePath":"%E5%86%85%E9%83%A8%E7%9F%A5%E8%AF%86%E5%BA%93%3E%E8%B4%A6%E6%88%B7%E5%9F%BA%E7%A1%80%E5%8F%8A%E8%B5%84%E4%BA%A7%E7%AE%A1%E7%90%86%EF%BC%88%E6%96%B0%EF%BC%89%3E%E8%B4%A6%E6%88%B7%E5%9F%BA%E7%A1%80%3E%E5%AF%86%E7%A0%81%3E%E6%89%8B%E5%8A%BF%E5%AF%86%E7%A0%81","ChannelNames":"","Content":"%e7%87%95%e5%ad%90","CreatorName":"%E6%A1%83%E7%98%B4","GmtCreate":"2015-04-07 17:58:42","GmtModified":"2015-05-19 11:48:36","Id":"6056","Keywords":"","ModifierId":"12484","ModifierName":"%E7%89%A7%E6%9A%AE","Status":"PUBLISHED","Title":"%E9%80%9A%E8%BF%87%E6%94%AF%E4%BB%98%E5%AE%9D%E9%92%B1%E5%8C%85%EF%BC%8C%3Cfont+color%3Dred%3E%E5%BF%98%E8%AE%B0%3C%2Ffont%3E%E6%89%8B%E5%8A%BF%3Cfont+color%3Dred%3E%E5%AF%86%E7%A0%81%3C%2Ffont%3E%E7%9A%84%E5%A4%84%E7%90%86%E6%B5%81%E7%A8%8B","Type":"NORMAL","deleted":"N"},{"CatId":"4098","CatTitlePath":"%E5%86%85%E9%83%A8%E7%9F%A5%E8%AF%86%E5%BA%93%3E%E8%B4%A6%E6%88%B7%E5%9F%BA%E7%A1%80%E5%8F%8A%E8%B5%84%E4%BA%A7%E7%AE%A1%E7%90%86%EF%BC%88%E6%96%B0%EF%BC%89%3E%E8%B4%A6%E6%88%B7%E5%9F%BA%E7%A1%80%3E%E5%AF%86%E7%A0%81%3E%E6%89%8B%E5%8A%BF%E5%AF%86%E7%A0%81","ChannelNames":"","Content":"%e7%87%95%e7%aa%9d","CreatorName":"%E6%A1%83%E7%98%B4","GmtCreate":"2015-04-07 17:58:42","GmtModified":"2015-05-19 11:48:36","Id":"6056","Keywords":"","ModifierId":"12484","ModifierName":"%E7%89%A7%E6%9A%AE","Status":"PUBLISHED","Title":"%E9%80%9A%E8%BF%87%E6%94%AF%E4%BB%98%E5%AE%9D%E9%92%B1%E5%8C%85%EF%BC%8C%3Cfont+color%3Dred%3E%E5%BF%98%E8%AE%B0%3C%2Ffont%3E%E6%89%8B%E5%8A%BF%3Cfont+color%3Dred%3E%E5%AF%86%E7%A0%81%3C%2Ffont%3E%E7%9A%84%E5%A4%84%E7%90%86%E6%B5%81%E7%A8%8B","Type":"NORMAL","deleted":"N"}]}';
http.createServer(function(request, response){
response.writeHead(200,{
"Access-Control-Allow-Origin":"http://10.37.187.79:8000",
"Access-Control-Allow-Credentials": "true",
"Access-Control-Allow-Headers":"X-Requested-With",
"Access-Control-Allow-Methods":"PUT,POST,GET,DELETE,OPTIONS",
"X-Powered-By":"3.2.1",
"Content-Type":"application/json;charset=utf-8",
"Connection":"keep-alive"
});
var reqURL=request.url;
var result=reqURL + " 對應的json結果數據是什麼?請進行配置";
var i=array.length;
while(i--){
if(reqURL.indexOf(array[i].url)==0){
result= array[i].json;
}
console.log(111);
}
// var params = url.parse(request.url, true).query;
// console.log(params);
response.write(result);
response.end();
}).listen(8787);
console.log('啟動成功...');
② Layui的數據表格增刪改，後端回傳json格式封裝
最近有個需求，實現前端頁面一個數據表格可編輯，隨原頁面的表單提交json數據，然後後端回傳顯示。Layui原來也沒怎麼用過，記個筆記記錄一下。
添加行的有個小bug，超過分頁行數後，再添加會變成無數據。所以只好初始設置分頁為50。
另外，搞了個隱藏的標簽隨表單一起提交：
從數據表格的緩存中獲取表格內輸入的值放入標簽：
這個之前從table的緩存中提取得到提交的json串含有Layui數據表格的索引，回傳Layuitable顯示的時候不需要，需要去掉。所以後端用了個正則表達式去除。
為了滿足layui數據表格的返回格式，封裝了一下數據格式。
③ 後端返回 JSONObject 或者LinkedHashMap無序的解決辦法
某日有個需求，後端返回的 jsonObject 裡面的 key 需要按照某個順序排序，我上網查了一下，可以使用 LinkedHashMap 創建JSONObject
這樣子 key 就會按照某個添加的順序讀取了，但是我發現將數據返回前端的時候，前端獲取的 key 並不是按照後端添加的順序返回的，這樣我很頭疼，最直接就是將結構變成 List 集合，但是我不想修改返回的結構，怎麼辦呢？
後面想到一個辦法，就是將返回的 JSONObject 或者 LinkedHashMap 變成一個 String 字元串返回，讓前端去解析成這樣之前的結構即可。完美解決！
④ layui如何處理返回的json數據
處理方法：
1、是將後端返回的數據改成layui標准格式就好啦(手動滑稽)。
2、方法二：藉助response參數來重新設定返回的數據格式通過responsetip-14layui篩選列不隨頁。