『壹』 後端返回 jsONObject 或者LinkedHashMap無序的解決辦法
某日有個需求,後端返回的 jsonObject 裡面的 key 需要按照某個順序排序,我上網查了一下,可以使用 LinkedHashMap 創建JSONObject
這樣子 key 就會按照某個添加的順序讀取了,但是我發現將數據返回前端的時候,前端獲取的 key 並不是按照後端添加的順序返回的,這樣我很頭疼,最直接就是將結構變成 List 集合,但是我不想修改返回的結構,怎麼辦呢?
後面想到一個辦法,就是將返回的 JSONObject 或者 LinkedHashMap 變成一個 String 字元串返回,讓前端去解析成這樣之前的結構即可。完美解決!
『貳』 C#怎麼從http上返回JSON數據並讀取
你這個應該是兩個問題,
1、如何從http返回json
2、如何使用C#讀取從http返回的json
解決方案:
問題1:http返回json可以使用webapi技術,自己開發一個webapi介面用於從資料庫讀取並提供數據。
問題2:首先要說一下,http的json如果是前端程序還是用javascript讀取比較好。如果是後端的話,只能使用C#讀取,使用HttpClient或者HttpWebRequest。
HttpClient方式:
using (WebClient client = new WebClient())
{
client.Headers["Type"] = "GET";
client.Headers["Accept"] = "application/json";
client.Encoding = Encoding.UTF8;
client.DownloadStringCompleted += (senderobj, es) =>
{
var obj = es.Result;
};
client.DownloadStringAsync("http://localhost:41558/api/Demo");
}
HttpWebRequest方式:略(寫上之後網路頁面報錯!!!)
另外http方式的調用,分為get、post、put等方式。需要注意伺服器端的情況。
上述例子引用自http://www.cnblogs.com/MuNet/p/6732338.html
『叄』 Layui的數據表格增刪改,後端回傳json格式封裝
最近有個需求,實現前端頁面一個數據表格可編輯,隨原頁面的表單提交json數據,然後後端回傳顯示。Layui原來也沒怎麼用過,記個筆記記錄一下。
添加行的有個小bug,超過分頁行數後,再添加會變成無數據。所以只好初始設置分頁為50。
另外,搞了個隱藏的標簽隨表單一起提交:
從數據表格的緩存中獲取表格內輸入的值放入標簽:
這個之前從table的緩存中提取得到提交的json串含有Layui數據表格的索引,回傳Layuitable顯示的時候不需要,需要去掉。所以後端用了個正則表達式去除。
為了滿足layui數據表格的返回格式,封裝了一下數據格式。
『肆』 java如何從後台返回json到前台
利用JSONObject這個類,直接將你需要轉換的對象轉換成json數據返回,你可以去試試看。希望能幫到你。import net.sf.json.JSONObject;
示例代碼:
//聲明JSONObject對象
JSONObjectobject=newJSONObject();
//參數為:「轉換之後的名字」以及「要轉化的對象名字」存放在Json對象中
object.accumulate("user",user);
『伍』 怎麼給後端返回的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('啟動成功...');
『陸』 C#:如何將後台的數據通過json格式返回前台
Web Service介面方法
[WebMethod]
public string Project(string paramaters)
{
return paramaters;
}
實現代碼
public string Post(string methodName, string jsonParas)
{
string strURL = Url + "/" + methodName;
//創建一個HTTP請求
HttpWebRequest request = (HttpWebRequest)WebRequest.Create(strURL);
//Post請求方式
request.Method = "POST";
//內容類型
request.ContentType = "application/x-www-form-urlencoded";
//設置參數,並進行URL編碼
//雖然我們需要傳遞給伺服器端的實際參數是JsonParas(格式:[{\"UserID\":\"0206001\",\"UserName\":\"ceshi\"}]),
//但是需要將該字元串參數構造成鍵值對的形式(註:"paramaters=[{\"UserID\":\"0206001\",\"UserName\":\"ceshi\"}]"),
//其中鍵paramaters為WebService介面函數的參數名,值為經過序列化的Json數據字元串
//最後將字元串參數進行Url編碼
string paraUrlCoded = System.Web.HttpUtility.UrlEncode("paramaters");
paraUrlCoded += "=" + System.Web.HttpUtility.UrlEncode(jsonParas);
byte[] payload;
//將Json字元串轉化為位元組
payload = System.Text.Encoding.UTF8.GetBytes(paraUrlCoded);
//設置請求的ContentLength
request.ContentLength = payload.Length;
//發送請求,獲得請求流
Stream writer;
try
{
writer = request.GetRequestStream();//獲取用於寫入請求數據的Stream對象
}
catch (Exception)
{
writer = null;
Console.Write("連接伺服器失敗!");
}
//將請求參數寫入流
writer.Write(payload, 0, payload.Length);
writer.Close();//關閉請求流
String strValue = "";//strValue為http響應所返回的字元流
HttpWebResponse response;
try
{
//獲得響應流
response = (HttpWebResponse)request.GetResponse();
}
catch (WebException ex)
{
response = ex.Response as HttpWebResponse;
}
Stream s = response.GetResponseStream();
//伺服器端返回的是一個XML格式的字元串,XML的Content才是我們所需要的Json數據
XmlTextReader Reader = new XmlTextReader(s);
Reader.MoveToContent();
strValue = Reader.ReadInnerXml();//取出Content中的Json數據
Reader.Close();
s.Close();
return strValue;//返回Json數據
}
Url的格式樣例:"http://59.68.29.106:8087/IFT_Project.asmx"
methodName參數就是"Project"
JsonParas就是使用C# JavaScriptSerializer將List<Object>類型的對象序列化之後得到的值,數據格式:[{\"UserID\":\"0206001\",\"UserName\":\"ceshi\"}],Json數據中的中括弧代表由著多個對象集合序列化,花括弧代表一個對象序列化得到的結果,花括弧裡面的內容使用鍵值對的方式展示,多個屬性之間用逗號隔開,每個對象也用逗號隔開。
request.ContentType必須設置值,建議使用"application/x-www-form-urlencoded",設置其他值就很容易報伺服器內部異常,使用這種方式服務介面方法返回的是xml格式的字元串
payload將請求參數轉換成二進制來保存,此處一定要將「paramaters」加入其中,不然會報異常缺少參數,paramaters就是服務介面函數的參數名。函數中使用了URL編碼,注意在編碼的時候只需要將鍵和值進行編碼,不要將中間的=進行編碼,不然getResponse的時候會報異常。
request.ContentLength也是必須設置的值
在得到響應流之後Stream s = response.GetResponseStream();需要使用Reader來解析響應流,這個地方我使用的是XmlTextReader,因為我服務方法返回的是xml格式的字元串,其中Json數據在xml的Content中。在取出Json數據之後,再進行相應的反序列化即可得到對象。
『柒』 從後台返回來得是json類型的數據,日期的格式Date(1321922455000),我們如何將它轉換成:2011-2-1
var date = new Date(1321922455000)
document.write(date);
『捌』 layui如何處理返回的json數據
處理方法:
1、是將後端返回的數據改成layui標准格式就好啦(手動滑稽)。
2、方法二:藉助response參數來重新設定返回的數據格式通過responsetip-14layui篩選列不隨頁。
『玖』 你好,請問後台返回的json在前台如何解析,並展示成自己想要的格式
你應該是用jquery來請求數據的吧, 如果你返回的是對象或JSON,那就用JS的循環來循環數據(如果單一數據就不用循環), 至於展示,這和你們的頁面設計有關系,展示的方式有很多, 不過最終的目的,都是用把這些數據包裝在html標簽元素中, 生成帶數據的html語言文本,動態加入到html的文檔結構中, 瀏覽器就會渲染展示出來了。
例如:var data = [{name:"測試1"},{name:"測試2"}] 要加到一個下拉列表中select中
$(data).each(function(index, item){ //這里用jquery的循環,可以換成其他
$("select").append('<option>'+item.name+'</option>');
});
上面是簡單的例子,
另外還有很多插件:如 handlebars 等
註: 萬變不離其中, 就目前來說,瀏覽器只認識標簽,所以你要把數據,變成標簽語言就行了
『拾』 thinkphp中怎麼返回json數據
$data['status']=1;
$data['content']='content';
$this->ajaxReturn($data);
通過ajaxReturn來實現。