使用原生ajax訪問后臺(tái)數(shù)據(jù)并將其展現(xiàn)在前端頁面中(小菜鳥自己整理玩的,大神勿噴)
-
首先你要有php的環(huán)境,關(guān)于php環(huán)境的搭建,php本地站點(diǎn)的搭建,此處不再重復(fù)請(qǐng)看這里:http://www.cnblogs.com/Gabriel-Wei/p/5950465.html
我們把wamp打開,并且在Dreamweaver里面新建一個(gè)phpStudy站點(diǎn)。
這篇文章我們需要兩個(gè)文件,一個(gè)test.html前端的頁面,一個(gè)tigong.php數(shù)據(jù)的提供頁,下面分別進(jìn)行介紹。 -
tigong.php
我們?cè)贒reamweaver,phpStudy站點(diǎn)下面,新建一個(gè)tigong.php頁面,里面內(nèi)容如下:
1 <?php 2 echo"hello Tom"; 3 ?>
為了讓里面支持中文,我們加入這句話header("content-type:text/html;charset=utf-8"),此時(shí)的tigong.php如下
<?php header("content-type:text/html;charset=utf-8"); echo"Hello 李明"; ?>
用我們的瀏覽器跑一下,如圖:
將地址欄的信息地址復(fù)制一份,用postman測(cè)一下數(shù)據(jù),如果不知道什么是postman,請(qǐng)自行百度,后面的數(shù)據(jù)交互文章會(huì)一直用到postman。(簡(jiǎn)而言之,postman就是測(cè)試一下給的接口能不能正常接收數(shù)據(jù)),如圖:
tigong.php文件準(zhǔn)備好了,接下來我