使用原生ajax訪問后臺(tái)數(shù)據(jù)并將其展現(xiàn)在前端頁面中(小菜鳥自己整理玩的,大神勿噴)

  1. 首先你要有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)行介紹。
  2. 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)備好了,接下來我

    網(wǎng)友評(píng)論