以下的文章主要講述的是ExtJS和PHP Json、MySQL數據讀取的實際應用，種種包括建立數據庫、注冊表，建立jsonreader.php和get.php與extjs文件json.js編寫，以下就是文章的主要內容描述。
ExtJS與PHP Json、MySQL數據讀取 1 建立數據庫、注冊表
- create database test;
- create table test.login(
- id int primary key,
- name varchar(20) not null,
- password varchar(20) not null
- );
- insert into test.login values
- ('1','hong','1234'),
- ('2','linxiang','1234'),
- ('3','chen','99a9s'),
- ('4','luxi','aabe2');
ExtJS與PHP Json、MySQL數據讀取 2 建立jsonreader.php和get.php
jsonreader.php調用json.js
get.php讀取數據庫數據
- jsonreader.php =>
- <html>
- <head>
- <title>注冊</title>
- <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
- <script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
- <script type="text/javascript" src="../ext/ext-all.js"></script>
- <script type="text/javascript" src="json.js"></script>
- </head>
- <body>
- <div id='grid'></div>
- </body>
- </html>
- get.php=>
- <?php
- $conn=MySQL_connect("localhost","root","123");
- MySQL_select_db("test");
- $sql="select id,name,password from login";
- $result=MySQL_query($sql,$conn);
- while($row=MySQL_fetch_array($result))
- {
- $arr4[]=$row;
- }
- echo json_encode($arr4);
- ?>
ExtJS與PHP Json、MySQL數據讀取 3 extjs文件json.js編寫
- json.js=>
- Ext.onReady(function() {
- store=new Ext.data.JsonStore({
- url:'get.php',
- data:[],
- fields:[
- {name:'id'},
- {name:'name'},
- {name:'password'}
- ]
- });
- store.load();
- new Ext.grid.GridPanel({
- store:store,
- mode:'remote',
title:'簡單Grid表格示例',
- applyTo:'grid',
- width:250,
- height:150,
- frame:true,
- columns:[
- {header:"id",width:50,dataIndex:'id',sortable:true},
- {header:"姓名",width:80,dataIndex:'name',sortable:true},
- {header:"年齡",width:80,dataIndex:'password',sortable:true}
- ]
- })
- });
4 運行http://localhost/register/jsonreader.php
5 總結
php獲取MySQL的數據，轉換為數組，然後運用json_encode
- while($row= mysql _fetch_array($result))
- {
- $arr4[]=$row;
- }
- echo json_encode($arr4);
以上的相關內容就是對ExtJS與PHP Json、MySQL數據讀取的介紹，望你能有所收獲。
