今天小姐姐不分享代碼,來談談我對前后臺交互的認知哼转。
在web開發(fā)中明未,前后臺交互是一個至關重要的環(huán)節(jié),前后臺需要及時溝通壹蔓,工作才能順利進行趟妥,有時候就是因為溝通不夠,然后造成許多白用功佣蓉。不過披摄,對于剛接觸前端開發(fā)的小白來說,前后端交互的概念很模糊勇凭,不過不必緊張疚膊,經過幾個項目之后,就會好的虾标。
php + 前后臺交互
首先寓盗,我們的明白服務器的概念
服務器
什么是服務器?分為四大塊:
1.硬件:它是一臺主機璧函,基于三種主流的操作系統(tǒng):windows傀蚌、mac OS、UNIX/LINUX.
2.軟件:支持服務蘸吓,支持軟件的
它的服務類型分為三種:
- FTP:提供文件上傳下載的服務器善炫,可以稱為文件服務器
- HTPP/HTPPS:提供web服務的服務器,支持的軟件有Ningx和Apache
- mySQL:提供Mysql數(shù)據(jù)庫服務的服務器
3.聯(lián)網(wǎng):服務器需要通過網(wǎng)絡連接美澳,為外界提供服務
- 后臺語言環(huán)境的支持:如:js 销部、java、 php(使用最廣泛的編程語言)制跟、Python
web服務器的配置:首先建立網(wǎng)站根目錄舅桩,使用后臺語言編譯。
前后臺交互
?一雨膨、 服務器端主要完成的功能
- 接受前臺提交的數(shù)據(jù)
- 對前臺提交的數(shù)據(jù)進行處理
- 服務器向前端返回數(shù)據(jù)
- 存儲數(shù)據(jù)
二擂涛、數(shù)據(jù)傳送方式
- get方式:
- 不安全;
- get數(shù)據(jù)有限制聊记;
- get是通過url提交數(shù)據(jù)?參數(shù)
- post方式:
- post數(shù)據(jù)理論上沒有限制
- post數(shù)據(jù)是在http請求頭的主體部分發(fā)送的
- 相對安全
三撒妈、數(shù)據(jù)提交方式
1. 在鏈接地址上使用?提交 , 只有get一種傳送方式排监。
2. form表單方式
- 可以實現(xiàn)POST與GET兩種數(shù)據(jù)傳送方式
- 可以跨域提交數(shù)據(jù)
- 使用iframe方式實現(xiàn)局部刷新(iframe)不支持跨域
3. 通過script標簽的src屬性
- 只能使用get方式
- 獨立的實現(xiàn)局部刷新
- 支持跨域
- JSON與JSONP 他們的詳細介紹在我的上一篇博客里已經說過狰右,這里就不重復了,想要了解的可以點擊:http://www.reibang.com/p/f46dd756873e
4 .XHR對象舆床,XMLHttpRequest
- 創(chuàng)建對象: var xhr = new XMLHttpRequset();
- 方法:xhr.open(); 三個參數(shù)(GET/POST,url,同步|異步)
- 事件:onreadyStateChange: 當XHR狀態(tài)發(fā)生變化的時候會執(zhí)行
onload: 數(shù)據(jù)接收完畢互執(zhí)行- 屬性:responseText : 服務器返回的數(shù)據(jù)
readyState XHR的執(zhí)行狀態(tài)棋蚌,有五種狀態(tài):0 - 初識狀態(tài)
1 - 創(chuàng)建鏈接
2 - 發(fā)送數(shù)據(jù)
3 - 服務器開始返回數(shù)據(jù)
4 - 數(shù)據(jù)接受完畢
5. FormData 模擬表單提交
創(chuàng)建表單對象:var formData = new FromData();
添加數(shù)據(jù)方法: append
6. jquery Ajax封裝
常用的四種方法:
- $.ajax()
- $load()
- $get()
- post()
具體用法大家可以查手冊嫁佳,這里就不過多介紹了。
還有數(shù)據(jù)庫的一些知識還沒分享谷暮,后續(xù)會分享的蒿往,歡迎關注,哈哈哈哈哈哈~~~~