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
- JavaScript物件和JSONJavaScript物件JSON
- javascript物件和php物件和json區別JavaScript物件PHPJSON
- Javaweb——(day12)JSON和AjaxJavaWebJSON
- JQuery中ajax和JSON的獲取jQueryJSON
- jQuery的ajax和json使用例項jQueryJSON
- JSON&AJAXJSON
- javaweb-ajax和json基礎知識JavaWebJSON
- 使用@ResponseBody物件轉json和@RequestBody進行json轉物件案例物件JSON
- json,ajax技術JSON
- json字串和json格式物件的轉換JSON字串物件
- javascript和php使用ajax通訊傳遞JSONJavaScriptPHPJSON
- json陣列和json物件的包含關係JSON陣列物件
- ajax接受json響應JSON
- Ajax&Json筆記JSON筆記
- js 中的json物件和mapJSON物件
- java json和物件互相裝換JavaJSON物件
- Ajax、JSON、響應式設計和Node.jsJSONNode.js
- Ajax使用一+javascript解析Ajax返回的json字串JavaScriptJSON字串
- AJAX 建立 XMLHttpRequest物件XMLHTTP物件
- ajax建立XMLHttpRequest物件XMLHTTP物件
- JSON 物件JSON物件
- jQuery、ajax新增Json資料jQueryJSON
- Ajax的XMLHttpRequest物件的屬性和方法總結XMLHTTP物件
- Android中實現JSON字串和JSON物件的轉換AndroidJSON字串物件
- 第88節:Java中的Ajax和ASP.NET和TCP/IP 教程和JSONJavaASP.NETTCPJSON
- JS於string 和 json互轉物件JSON物件
- JSON 物件——05JSON物件
- springmvc ajax請求以及jsonSpringMVCJSON
- fastjson: json物件,json物件陣列,javabean物件,json字串之間的相互轉化ASTJSON物件陣列JavaBean字串
- 將物件解析為JSON資料和將JSON資料解析為物件的簡單例項物件JSON單例
- json字串和js物件之間相互轉換JSON字串物件
- json例項練習 json物件JSON物件
- Json物件與Json字串互轉JSON物件字串
- 學習JSON物件JSON物件
- 是否存在JSON物件JSON物件
- JSON.NET框架實現C#物件和JSON字串的轉換JSON框架C#物件字串