不管怎么说,还是得感谢慕课网,提供了很多免费的视频教学。
学习自: https://www.imooc.com/view/68
前端页面:
<!DOCTYPE html> <html> <head> <title>第二个练习</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <script src="jquery-1.8.3.min.js"></script> <script> $("document").ready(function(){ var url = 'ser2.php'; var data={'do':'first'};
// getJSON() 方法使用 AJAX 的 HTTP GET 请求获取 JSON 数据。 $.getJSON(url,data,function(res){ $("#username").val(res.username); $("#password").val(res.password); }); var data={'do':'second'}; $.getJSON(url,data,function(res){ $("#members").val(res[1].username + '\n' + res[2].username + '\n' + res.three.members.username); }); var data={'do':'third'}; $.getJSON(url,data,function(res){ $("#address").val(res.address['2'].address + '\n' + res.address.three.members.username); }); }); </script> </head> <body> <h2>一维数组练习</h2> <input type="text" name="username" id="username" /><br /> <input type="text" name="password" id="password" /><br /> <h2>多维数组练习(一组会员信息)</h2> <textarea id="members" style="width:200px;height:60px"></textarea> <h2>对象实战(一组地址信息)</h2> <textarea id="address" style="width:300px;height:60px"></textarea> </body> </html>
后端页面:
<?php $member['username'] = 'alex'; $member['password'] = '123456'; $do = $_REQUEST['do']; $members['1']['username'] = 'Thanos'; $members['1']['password'] = 'wuxianshoutao'; $members['2']['username'] = '雷神'; $members['2']['password'] = 'thor'; $members['2']['address'] = 'arsjade'; $members['three']['members']['username'] = '这是该死的第三个'; class addressClass{ public $address=array(); public function setAddress($array){ $this->address = $array; } public function getAddress(){ return $this->address; } } $addressObj = new addressClass(); $addressObj->setAddress($members); switch($do){ case 'first': echo json_encode($member); break; case 'second': echo json_encode($members); break; case 'third': echo json_encode($addressObj); break; default: break; }
不得不补的小知识,也得花点时间。