1. jsp前端頁面如何解析json數據
如果是AJAX傳來的JSON 最好是用JQUERY 指定一下就可以了啊
而且如果是局部刷新的話更好, 返回的就是一個data
就可以 data[1].name 這樣取值了, 具體的你看一下jquery的文檔就好 很簡單
2. js取動態值,拼接為一個字元串做參數,想要從json中取出這個值,求教大神!
varjsonObj="{"textareaTx1":"基右","textareaTx2":"頂置別想"}";
for(vari=1;i<=JSONLength(jsonObj);i++){
varrecordDepict=jsonObj["textareaTx"+i];//這個就是你想要的獲取方式了
}
functionJSONLength(obj){
varsize=0,key;
for(keyinobj){
if(obj.hasOwnProperty(key))size++;
}
returnsize;
};
我剛好也需要這個功能,耐何搜索技巧不好,網路找了好一會,應該搜索關鍵詞「動態key獲取jsonObj值」,回答不是為了最佳答案,是為了更好服務他人
3. 前端html頁面如何調用模擬json數據
Ajax中那個伺服器地址寫成你Jain文件的那個地址
4. 怎麼把json返回的數據顯示到html頁面上
把json返回的數據顯示到html頁面上的代碼如下:
html中寫姓名:<span id="username"></span>
js中寫:
$(function () {
$.ajax({
type: "post",
url: "你後台返回json的頁面地址",
dataType: "json",
data: {"operation":"getsiteroomname","bigcatid":bigcatid},//傳遞到後台頁面的參數,沒有就不要了
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success: function(data) {
console.log(data);//將返回的值列印出來看看,然後你就知道怎麼用了,可能如data.username
var xm=data.username;
$("#username").text(xm);
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert('系統錯誤,聯系管理員');
}
});
}
5. 前端獲得的json數據怎麼展示
把前端獲取的json數據轉換為json對象,如果再根據json對象數據在html頁面展示。如:
varjosn=[{'name':'z','age':18},{'name':'li','age':19}];//json對象
//我這里josn對象是數組,可以遍歷,用table去顯示
varhtml='<tableid="tab"><tr><td>姓名</td><td>年齡</td></tr>';//html字元串
for(vari=0;i<json.length;i++){
varobj=json[i];
html+='<tr><td>'+obj.name+'</td><td>'+obj.age+'</td></tr>';//拼接html字元串
}
html+='</table>';//table結尾
$(document.body)append(html);//利用jQuery把table追加在body標簽的最後
6. 從後台接收到的一組數據,如何在前端整合成一個關系型的json對象
<script>
Array.prototype.getIndex=function(id,field){
if(!this.length||!id||!field)return-1;
vari=0,
len=this.length;
for(;i<len;i++){
if(this[i][field]==id)returni;
}
return-1;
};
Array.prototype.getFloorObj=function(obj){
if(!this.length||!obj)returnnull;
vari=0,
len=this.length,
_obj={};
for(;i<len;i++){
if(this[i]["buildId"]==obj.buildId){
obj.build_index=i;
varj=0,
l=this[i]["buildId"].unit.length;
for(;j<l;j++){
if(this[i]["buildId"].unit[j]["id"]==obj["unit"]){
obj.unit_index=j;
vark=0,
lg=this[i]["buildId"].unit[j]["floor"].length;
for(;k<lg;k++){
if(this[i]["buildId"].unit[j]["floor"][k]["id"]==obj["floor"]){
obj.floor_index=k;
returnobj;
}
}
}
}
}
}
returnnull;
};
vararr=[
{
"name":"101",//房間號,表示1樓1號房
"floor":"1-1",//樓層號,表示1單元1樓
"unit":"1",//單元號,表示1單元
"buildId":"1#"//樓棟id,表示1號樓
},
{
"name":"102",
"floor":"1-1",
"unit":"1",
"buildId":"1#"
},
{
"name":"201",
"floor":"1-2",
"unit":"1",
"buildId":"1#"
},
{
"name":"202",//房間號,表示2樓2號房
"floor":"1-2",//樓層號,表示1單元2樓
"unit":"1",
"buildId":"1#"
},
{
"name":"101",//房間號,表示1樓1號房
"floor":"2-1",//樓層號,表示2單元1樓
"unit":"2",//單元號,表示2單元
"buildId":"1#"
},
{
"name":"101",//房間號,表示2樓1號房
"floor":"2-2",//樓層號,表示2單元2樓
"unit":"2",//單元號,表示2單元
"buildId":"1#"
}
],
newArr=[];
vari=0,
len=arr.length;
for(;i<len;i++){
var_build_index=newArr.getIndex(arr[i]["buildId"],"buildId");
if(_build_index===-1){
newArr.push({buildId:arr[i]["buildId"],unit:[]});
_build_index=newArr.length-1;
}
var_unit_index=newArr[_build_index]["unit"].getIndex(arr[i]["unit"],"id");
if(_unit_index===-1){
newArr[_build_index]["unit"].push({id:arr[i]["unit"],floor:[]});
_unit_index=newArr[_build_index]["unit"].length-1;
}
var_floor_index=newArr[_build_index]["unit"][_unit_index]["floor"].getIndex(arr[i]["floor"],"id");
if(_floor_index===-1){
newArr[_build_index]["unit"][_unit_index]["floor"].push({id:arr[i]["floor"],room:[]});
_floor_index=newArr[_build_index]["unit"][_unit_index]["floor"].length-1;
}
newArr[_build_index]["unit"][_unit_index]["floor"][_floor_index]["room"].push(arr[i]);
}
document.write(JSON.stringify(newArr));
</script>
7. jsp頁面中,如何使用jquery拼接json格式的數據
不知道你想做什麼。
jquery是運行在
瀏覽器
端的一個js
函數庫,json被瀏覽器解析之後就是
一個js
字面量
(或叫做對象)
。你說拼接,是不是把兩個
json
的數據變成一個對象?我覺得這完全沒必要吧,如果你需要同時獲取兩個json你可以在
伺服器端
直接把這兩次請求合並為一個,這樣只用一次請求
速度還快一些
。
如果你非要獲取兩次然後拼接成一個對象也可行。
function
callBack(json){
這里寫你處理最終json的
代碼
}
$.getJSON("url1",
function(json1)
{//獲取第一個json
$.getJSON("url2",
function(json2)
{//
回調函數
中獲取第二個json
var
key;
for
(key
in
json2)
{//遍歷第二個json對象添加到第一個json中
json1[key]
=
json2[key];
};
callBack(json1);
//處理最終得到的json對象
});
});