基于ExtJS框架的網頁開發常常需要與后端PHP程序進行數據交互。在ExtJS4.2中，我們可以借助于Ext.data.proxy.Ajax類與PHP后端進行通信，并獲取數據。本文將介紹如何利用ExtJS4.2從PHP獲取數據的方法，并通過舉例說明各個步驟的具體實現。 在實際開發中，我們經常需要向后端請求數據并在前端展示。假設我們有一個學生成績管理系統，其中有一個成績列表頁面，需要獲取后臺PHP程序返回的學生成績數據并展示在頁面表格中。首先，我們需要在ExtJS中定義一個數據模型來對應后臺返回的數據結構。

Ext.define('Student', {
extend: 'Ext.data.Model',
fields: [
{ name: 'id', type: 'int' },
{ name: 'name', type: 'string' },
{ name: 'score', type: 'float' }
]
});

在上述示例中，我們定義了一個名為Student的數據模型，該模型包含id、name和score這三個字段。根據后臺返回數據的結構，我們需要確保模型中的字段與后臺數據完全匹配。 接下來，我們需要使用Ext.data.Store來加載后臺數據并將其與前端界面進行綁定。

var store = Ext.create('Ext.data.Store', {
model: 'Student',
proxy: {
type: 'ajax',
url: 'get_student.php',
reader: {
type: 'json',
rootProperty: 'data'
}
},
autoLoad: true
});

在上面的示例中，我們創建了一個名為store的數據倉庫，并通過proxy屬性指定了與后臺通信的相關設置。這里的type為ajax表示使用Ajax方式與后臺進行通信，url指定了后臺PHP程序的路徑，reader屬性中的配置表示接收到的數據應該是JSON格式的，且數據內容位于"data"字段中。 最后，我們將數據倉庫與頁面表格進行綁定，以便能夠在頁面上展示后臺返回的數據。

var grid = Ext.create('Ext.grid.Panel', {
title: '學生成績表',
store: store,
columns: [
{ text: '學號', dataIndex: 'id' },
{ text: '姓名', dataIndex: 'name' },
{ text: '成績', dataIndex: 'score' }
],
renderTo: Ext.getBody()
});

在上述示例中，我們創建了一個名為grid的表格組件，并通過store屬性將store數據倉庫與表格進行綁定。columns屬性指定了表格的列信息，其中text表示表頭顯示的文本，dataIndex表示該列所對應的數據模型字段。 通過以上步驟，我們就能夠從PHP后臺獲取學生成績數據并展示在ExtJS的頁面表格中了。在實際開發中，我們可以根據具體需求對以上示例進行適當修改和擴展，以滿足不同的業務需求。 在本文中，我們介紹了利用ExtJS4.2從PHP獲取數據的方法，并通過簡單示例對每個步驟進行了詳細說明。希望本文可以幫助讀者理解并應用這一技術，以提高網頁開發效率。