php與html簡單的json互動範例-php教程-PHP中文網

首頁

後端開發

php教程

php與html簡單的json互動範例

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 30, 2016 pm 01:31 PM

gt lt

前端(HTML)程式碼

<code><span><!DOCTYPE html></span><span><<span>html</span>></span><span><<span>head</span>></span><span><<span>title</span>></span>前台处理json简单示例<span></<span>title</span>></span><span><<span>meta</span><span>charset</span>=<span>"utf-8"</span>/></span><span><<span>script</span><span>type</span>=<span>"text/javascript"</span><span>src</span>=<span>"jquery-1.11.3.min.js"</span>></span><span></span><span></<span>script</span>></span><span><<span>script</span><span>type</span>=<span>"text/javascript"</span>></span><span>
        $(<span>"document"</span>).ready(<span><span>function</span><span>()</span>{</span><span>var</span> url = <span>"server2.php"</span>;
            <span>var</span> data = {<span>"do"</span>:<span>"first"</span>};
            $.getJSON(url,data,<span><span>function</span><span>(res)</span>{</span>
                $(<span>"#username"</span>).val(res.username);
                $(<span>"#password"</span>).val(res.password);
            });
            <span>var</span> data = {<span>"do"</span>:<span>"second"</span>};
            $.getJSON(url,data,<span><span>function</span><span>(res)</span>{</span>
                $(<span>"#members"</span>).val(res[<span>2</span>].username);
            });
        });
    </span><span></<span>script</span>></span><span></<span>head</span>></span><span><<span>body</span>></span><span><<span>h2</span>></span>获取用户名和密码<span></<span>h2</span>></span>
    用户名：<span><<span>input</span><span>type</span>=<span>"text"</span><span>name</span>=<span>"username"</span><span>id</span>=<span>"username"</span>/></span><span><<span>br</span>/></span>
    密码：<span><<span>input</span><span>type</span>=<span>"password"</span><span>name</span>=<span>"password"</span><span>id</span>=<span>"password"</span>/></span><span><<span>br</span>/></span><span><<span>h2</span>></span>获取会员信息<span></<span>h2</span>></span><span><<span>textarea</span><span>id</span>=<span>"members"</span>></span><span></<span>textarea</span>></span><span></<span>body</span>></span><span></<span>html</span>></span></code>

登入後複製

後台(PHP)程式碼

<code><span><span><?php</span><span>// 1.一维</span><span>$member</span>[<span>'username'</span>] = <span>"mike"</span>;
    <span>$member</span>[<span>'password'</span>] = <span>"123"</span>;

    <span>// 2.二维</span><span>$members</span>[<span>'1'</span>][<span>'username'</span>] = <span>"mike_1"</span>;
    <span>$members</span>[<span>'1'</span>][<span>'password'</span>] = <span>"123"</span>;
    <span>$members</span>[<span>'2'</span>][<span>'username'</span>] = <span>"mike_2"</span>;
    <span>$members</span>[<span>'2'</span>][<span>'password'</span>] = <span>"123123"</span>;
    <span>$members</span>[<span>'2'</span>][<span>'address'</span>] = <span>"珠海"</span>;

    <span>// 根据前台传过来的请求参数来决定执行什么操作</span><span>$do</span> = <span>$_REQUEST</span>[<span>'do'</span>];

    <span>switch</span> (<span>$do</span>) {
        <span>case</span><span>'first'</span>:
            <span>echo</span> json_encode(<span>$member</span>);
            <span>break</span>;

        <span>case</span><span>'second'</span>:
            <span>echo</span> json_encode(<span>$members</span>);
            <span>break</span>;
    }

<span>?></span></span></code>

登入後複製

以上就介紹了php與html簡單的json互動範例，包含了面向的內容，希望對PHP教學有興趣的朋友有幫助。

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7535

CakePHP 教程

1379

steam的賬戶名稱是什麼格式

win11激活密鑰永久

NYT連接提示和答案

Related knowledge

華為GT3 Pro和GT4的差異是什麼？ Dec 29, 2023 pm 02:27 PM

許多用戶在選擇智慧型手錶的時候都會選擇的華為的品牌，其中華為GT3pro和GT4都是非常熱門的選擇，不少用戶都很好奇華為GT3pro和GT4有什麼區別，下面就給大家介紹一下二者。華為GT3pro和GT4有什麼差別一、外觀GT4：46mm和41mm，材質是玻璃鏡板+不鏽鋼機身+高分纖維後殼。 GT3pro：46.6mm和42.9mm，材質是藍寶石玻璃鏡+鈦金屬機身/陶瓷機身+陶瓷後殼二、健康GT4：採用最新的華為Truseen5.5+演算法，結果會更加的精準。 GT3pro：多了ECG心電圖和血管及安

修復：截圖工具在 Windows 11 中不起作用 Aug 24, 2023 am 09:48 AM

為什麼截圖工具在Windows11上不起作用了解問題的根本原因有助於找到正確的解決方案。以下是截圖工具可能無法正常工作的主要原因：對焦助手已開啟：這可以防止截圖工具開啟。應用程式損壞：如果截圖工具在啟動時崩潰，則可能已損壞。過時的圖形驅動程式：不相容的驅動程式可能會幹擾截圖工具。來自其他應用程式的干擾：其他正在運行的應用程式可能與截圖工具衝突。憑證已過期：升級過程中的錯誤可能會導致此issu簡單的解決方案這些適合大多數用戶，不需要任何特殊的技術知識。 1.更新視窗與Microsoft應用程式商店應用程

如何修復無法連線到iPhone上的App Store錯誤 Jul 29, 2023 am 08:22 AM

第1部分：初始故障排除步驟檢查蘋果的系統狀態：在深入研究複雜的解決方案之前，讓我們先從基礎知識開始。問題可能不在於您的設備;蘋果的伺服器可能會關閉。造訪Apple的系統狀態頁面，查看AppStore是否正常運作。如果有問題，您所能做的就是等待Apple修復它。檢查您的網路連接：確保您擁有穩定的網路連接，因為「無法連接到AppStore」問題有時可歸因於連接不良。嘗試在Wi-Fi和行動數據之間切換或重置網路設定（「常規」>「重置」>「重置網路設定」>設定）。更新您的iOS版本：

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出？想实现这样的效果：而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端，那么就用Ajax；仅供参考：HTML code

watch4pro好還是gt好 Sep 26, 2023 pm 02:45 PM

watch4pro和gt各自具有不使用的特點和適用場景，如果注重功能的全面性、高性能和時尚外觀，同時願意承擔較高的價格，那麼Watch 4 Pro可能更適合。如果對功能要求不高，更注重電池續航力和價格的合理性，那麼GT系列可能更適合。最終的選擇應根據個人需求、預算和喜好來決定，建議在購買前仔細考慮自己的需求，並參考各種產品的評測和比較，以做出更明智的選擇。

如何使用 iPadOS 17.4 優化 iPad 電池壽命 Mar 21, 2024 pm 10:31 PM

如何使用iPadOS17.4优化iPad电池寿命延长电池续航时间是移动设备体验的关键，iPad是一个很好的例子。如果您觉得iPad电池消耗速度过快，不用担心，在iPadOS17.4中有许多技巧和调整可以显著延长设备的运行时间。本深入指南的目标不仅仅是提供信息，而是改变您使用iPad的方式，增强您的整体电池管理，并确保您可以在无需充电的情况下更长时间地依赖您的设备。通过采用此处概述的做法，您朝着更高效、更谨慎地使用技术迈出了一步，这些技术是根据您的个人需求和使用模式量身定制的。识别主要的能量消耗者

Microsoft正在推出Windows 11 23H2版本到有Copilot的發布預覽頻道 Sep 28, 2023 pm 07:17 PM

每個人都在期待今天的Windows1123H2發布。事實上，Microsoft剛剛啟動了發布預覽版的更新，這是正式發布階段之前最接近的頻道。被稱為Build22631的Microsoft表示，他們正在推出新的更名聊天應用程序，電話鏈接和一起玩小部件，這些小部件在過去幾個月中已在其他內部渠道中進行了測試。「這個新的更新將具有與Windows11版本22H2相同的服務分支和程式碼庫，並將與所有新宣布的功能累積，包括Windows中的Copilot（預覽版），」Microsoft承諾。雷德蒙官員進一

请教怎么修改url某一参数的参数值呢？是要拆开了再拼回去吗 Jun 13, 2016 am 10:24 AM

请问如何修改url某一参数的参数值呢？是要拆开了再拼回去吗？那么请问如何修改url某一参数的参数值呢？是要拆开了再拼回去吗？http://127.0.0.1/myo/newuser.php?mod=search&type=fastone比如现在我要修改mod=new要怎么做呢？------解决方案--------------------发送了请求

See all articles

php與html簡單的json互動範例

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題