MySQL數(shù)據(jù)讀取，ExtJS和PHP Json
作者：夜雨瞳
此文章主要向大家描述的是ExtJS和PHP Json、MySQL數(shù)據(jù)讀取的實(shí)際應(yīng)用，下面就是對(duì)其正確用法的描述，望你會(huì)有所收獲。
以下的文章主要講述的是ExtJS和PHP Json、MySQL數(shù)據(jù)讀取的實(shí)際應(yīng)用，種種包括建立數(shù)據(jù)庫(kù)、注冊(cè)表，建立jsonreader.php和get.php與extjs文件json.js編寫，以下就是文章的主要內(nèi)容描述。
ExtJS與PHP Json、MySQL數(shù)據(jù)讀取 1 建立數(shù)據(jù)庫(kù)、注冊(cè)表
- 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數(shù)據(jù)讀取 2 建立jsonreader.php和get.php
jsonreader.php調(diào)用json.js
get.php讀取數(shù)據(jù)庫(kù)數(shù)據(jù)
- jsonreader.php =>
- <html>
- <head>
- <title>注冊(cè)</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數(shù)據(jù)讀取 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:'簡(jiǎn)單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 運(yùn)行http://localhost/register/jsonreader.php
5 總結(jié)
php獲取MySQL的數(shù)據(jù)，轉(zhuǎn)換為數(shù)組，然后運(yùn)用json_encode
- while($row=mysql_fetch_array($result))
- {
- $arr4[]=$row;
- }
- echo json_encode($arr4);
以上的相關(guān)內(nèi)容就是對(duì)ExtJS與PHP Json、MySQL數(shù)據(jù)讀取的介紹，望你能有所收獲。
【編輯推薦】
責(zé)任編輯：佚名
來源：
cnblogs
