項目十一PHP實現(xiàn)前端接口開發(fā)能編寫后臺服務(wù)器接口供APP或前端調(diào)用。能使用前端技術(shù)如Ajax等，調(diào)用接口，實現(xiàn)信息展現(xiàn)和增刪改等工作。職業(yè)能力目標(biāo)010203通過項目案例，培養(yǎng)學(xué)生分析問題、解決問題的能力。熟悉JSON格式。學(xué)會PHP處理JSON。知識目標(biāo)0102實現(xiàn)服務(wù)端JOSN接口。0304掌握AJAX調(diào)用JSON接口實現(xiàn)網(wǎng)站功能的方法。樹立規(guī)則意識，做遵守社會公德的公民。思政目標(biāo)01項目任務(wù)任務(wù)1

實現(xiàn)用戶信息查詢?nèi)蝿?wù)2

實現(xiàn)用戶信息修改新知講解

新知學(xué)習(xí)

JSON簡介：（1）JSON全稱是JavaScript對象表示法（JavaScriptObjectNotation）。（2）JSON是輕量級的文本數(shù)據(jù)交換格式。（3）JSON獨(dú)立于語言：JSON獨(dú)立于語言和平臺。支持許多不同的編程語言。比如（PHP，JSP，.NET，python等常用編程語言）。（4）JSON具有自我描述性，更易理解。JSON語法規(guī)則并列的數(shù)據(jù)之間用逗號(“,“)分隔。映射用冒號(“:“)表示。并列數(shù)據(jù)的集合（數(shù)組）用方括號(“[]”)表示。映射的集合（對象）用大括號(“{}”)表示。新知講解{"employees":[{"firstName":"Bill","lastName":"Gates"},{"firstName":"George","lastName":"Bush"},{"firstName":"Thomas","lastName":"Carter"}]}新知講解3.PHP處理Jsonjson_encode()用于對變量進(jìn)行JSON編碼，該函數(shù)如果執(zhí)行成功返回JSON數(shù)據(jù)，否則返回FALSE。執(zhí)行結(jié)果：{"a":1,"b":2,"c":3,"d":4,"e":5}

新知講解3.PHP處理Json——json_encode()新知講解PHP處理Json——json_encode()結(jié)果：新知講解3.PHP處理Json——json_decode()函數(shù)json_decode()函數(shù)用于對JSON格式的字符串進(jìn)行解碼，并轉(zhuǎn)換為PHP變量。<?php

$json

=

'{"a":1,"b":2,"c":3,"d":4,"e":5}';

var_dump(json_decode($json));

var_dump(json_decode($json,

true));

?>知識準(zhǔn)備4WEB客戶端使用訪問接口——AjaxAJAX技術(shù)

：Ajax被認(rèn)為是(AsynchronousJavaScriptandXML的縮寫）?，F(xiàn)在，允許瀏覽器與服務(wù)器通信而無須刷新當(dāng)前頁面的技術(shù)都被叫做Ajax。一種不用刷新整個頁面便可與服務(wù)器通訊的辦法。知識準(zhǔn)備2JQuery封裝的Ajax技術(shù)jQuery提供多個與AJAX有關(guān)的方法。通過jQueryAJAX方法，您能夠使用HTTPGet和HTTPPost從遠(yuǎn)程服務(wù)器上請求文本、HTML、XML或JSON項目實施

實現(xiàn)用戶信息查詢

任務(wù)1任務(wù)2

實現(xiàn)用戶信息修改

任務(wù)1實現(xiàn)用戶信息查詢

任務(wù)分析效果展示任務(wù)分析1.新建服務(wù)器端lg_user_if.php接口文件，實現(xiàn)findUserByidIf（）方法，根據(jù)用戶id，以JSON格式返回用戶信息。2.在前端userinfo.html文件中，通過JQuery的ajax相關(guān)方法，調(diào)用JSON格式接口，展示用戶信息到界面中。實現(xiàn)思路任務(wù)1實施

服務(wù)器部分代碼客戶端部分代碼練一練json接口方式實現(xiàn)用戶詳細(xì)信息查詢。任務(wù)小結(jié)1.在服務(wù)器端編寫JSON接口文件，實現(xiàn)根據(jù)用戶id，以JSON格式返回用戶信息。注意用戶必須登錄，以獲取用戶id。2.在前端靜態(tài)頁面中，通過JQuery的ajax的GET方法，調(diào)用JSON格式接口，展示用戶信息到界面中。本任務(wù)通過AJXA方式實現(xiàn)了用戶信息查詢?nèi)蝿?wù)2實現(xiàn)用戶信息修改任務(wù)展示任務(wù)分析1.寫好lg_user_if文件中的updateUserIf()方法，根據(jù)用戶id，修改用戶信息，以JSON格式返回修改成功或失敗等信息。2.在userinfo.html文件中，通過JQuery的POST()方法傳遞數(shù)據(jù)到服務(wù)器端，調(diào)用lg_user_if文件中的updateUserIf()接口方法，實現(xiàn)用戶信息修改。實現(xiàn)思路任務(wù)1實施

服務(wù)器部分代碼任務(wù)1實施

客戶端部分代碼練一練json接口方式實現(xiàn)用戶詳細(xì)信息查詢。任務(wù)小結(jié)1.服務(wù)器端，根據(jù)用戶id，實現(xiàn)修改用戶信息