JSON在web项目中的使用

骑猪看日落 2022-07-15 05:10 196阅读 0赞

1.jquery的ajax方式传递json到后台

(1).示例一:

$.ajax({
    	type:"POST",
    	url:"sysAllTableAction_saveTable.do",
    	data:{jsonStr: JSON.stringify(array_json)},
    	dataType:"text json",
    	headers:{
    		Accept:"application/json",
    		"Content-Type":"application/json"
    	},
    	cache:false,
    	success:function(msg){
    		alert(msg);
    	},
    	error:function(){
    		alert("error");
    	}
    });

(2).示例二：

var form_vals = $('#form1').serializeArray();
    $.post("PmpAction_toUpdate.do",form_vals,function(data){
    	if(data=="success"){
    		alert("修改成功!");
    		window.location.href="PmpAction_List.do";
    	}
    });

2.JSON数据的转换

(1).将表单内容序列化，转为JSON

//form转换
    var form_vals = $('#form1').serializeArray();
    var jsonStr = JSON.stringify(form_vals);

3.JSON数据在页面中的解析：

(1).解析成对象

var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': {'streetAddress': '1 Microsoft way', 'city': 'Redmond'},
          'phoneNumbers': ['425-777-7777','206-777-7777']}";
    var jsonobj=eval('('+t+')');
    alert(jsonobj.firstName);
    alert(jsonobj.lastName);

(2).解析成一维数组

(3).解析成二维数组

var t3="[['<a href=# οnclick=openLink(14113295100);>14113295100</a>','aaaaaa','bbbbbb']]";
    var obj = eval(t3);
    for(var i=0;i<obj.length;i++){
       for(var j=0;j<obj[i].length;j++){
    		alert(obj[i][j]);
       }
    }

3.示例：