ajax和json物件
二維陣列
首先是輸出json字串的php檔案
header("Content-type: text/html; charset=utf-8"); //json設定utf-8 $arr=array(`name`=>`大兵`,`age`=>`18`,`hobby`=>`電視`); foreach($arr as $k => $v){ //此迴圈將中文字元編碼,防止亂碼 $arr[$k]=urlencode($v); } echo urldecode(json_encode($arr));
js接收
$(`#qingqiu`).click(function(){ wenben=$.ajax({ type:"GET", url:"/ajax/json.php", success:function(data){ var json=JSON.parse(data); //json字串轉為物件 console.log(json); for(var item in json){ //遍歷json物件 var aLi=$("<li>"+item+"=>"+json[item]+"</li>"); $(`ul`).append(aLi); } } }); });
二維陣列形勢
首先php程式碼
header("Content-type: text/html; charset=utf-8"); $arr=array(array(`name`=>`小明`,`age`=>`14`,`hobby`=>`電腦遊戲`),array(`name`=>`小紅`,`age`=>`13`,`hobby`=>`動漫`),array(`name`=>`大兵`,`age`=>`18`,`hobby`=>`電視`)); foreach($arr as $k => $v){ foreach($v as $sk=> $sv) $arr[$k][$sk]=urlencode($sv); } echo urldecode(json_encode($arr));
js接收
wenben=$.ajax({ type:"GET", url:"/ajax/json2.php", success:function(data){ var json=JSON.parse(data); var oUl=$(`ul`); for(var item in json){ oLi=$("<li>"+json[item].name+",年齡"+json[item].age+",愛好是"+json[item].hobby+"</li>"); oUl.append(oLi); } } });
相關文章
- ajax解析json物件集合JSON物件
- jQuery入門(五)Ajax和jsonjQueryJSON
- Javaweb——(day12)JSON和AjaxJavaWebJSON
- JSON&AJAXJSON
- javaweb-ajax和json基礎知識JavaWebJSON
- 使用@ResponseBody物件轉json和@RequestBody進行json轉物件案例物件JSON
- json,ajax技術JSON
- ajax接受json響應JSON
- Ajax&Json筆記JSON筆記
- Ajax、JSON、響應式設計和Node.jsJSONNode.js
- JSON 物件JSON物件
- jQuery、ajax新增Json資料jQueryJSON
- ajax建立XMLHttpRequest物件XMLHTTP物件
- AJAX 建立 XMLHttpRequest物件XMLHTTP物件
- fastjson: json物件,json物件陣列,javabean物件,json字串之間的相互轉化ASTJSON物件陣列JavaBean字串
- JSON 物件——05JSON物件
- 第88節:Java中的Ajax和ASP.NET和TCP/IP 教程和JSONJavaASP.NETTCPJSON
- Json物件與Json字串互轉JSON物件字串
- json例項練習 json物件JSON物件
- 將物件解析為JSON資料和將JSON資料解析為物件的簡單例項物件JSON單例
- JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆物件的區別JavaScriptStructJSON物件
- 是否存在JSON物件JSON物件
- 學習JSON物件JSON物件
- json 物件與json 字串的區別。JSON物件字串
- 物件的使用處理,作用域的和ajax中this的理解物件
- C#關於JArray和JObject封裝JSON物件C#JARObject封裝JSON物件
- js jquery 列印物件;json 物件轉字串jQuery物件JSON字串
- JS json字串轉物件、物件轉字串JSON字串物件
- js物件轉json字串物件JSON字串
- JSON簡介和Ajax簡介--bea這兩篇文章介紹的不錯JSON
- [譯] json — JavaScript 物件表示法JSONJavaScript物件
- JavaScript 之 物件/JSON/陣列JavaScript物件JSON陣列
- JSON物件簡單介紹JSON物件
- eval() JSON轉換為物件JSON物件
- ajax為什麼需要json格式響應資料?JSON
- JSON 與 JS 物件的關係JSON物件
- json字串與物件互相轉換JSON字串物件
- Rails session物件的 as_json方法AISession物件JSON
- VUE js中複製物件 JSONVue物件JSON