利用php做服务器和web前端的界面进行交互

PHP与Web页面交互是实现PHP网站与用户交互的重要手段。希望查看本篇文章的学者首先查看一下PHP的基础知识,因为今天用到这个东西,现学现卖吧.后续会更新PHP服务器的基础知识!

1.首先你要有一个界面 我这里利用我项目开发的一个简单界面截取下来进行讲解!项目机密 请勿**,你懂得!

HTML代码和界面

rush:xhtml;"> <Meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

rush:xhtml;">

上面的ajax的几个属性大家映带都懂 我简单说一下 type就是提交的方式 一共有post和get两种 我用的是post

url就是服务器PHP的路径就是提交数据到的地址,data就是我们提交的数据,就是进行向服务器进行提交,然后服务器代码就是以下代码:

PHP">PHP
/** 
 * Created by PHPStorm. 
 * User: Administrator 
 * Date: 2016-7-15 
 * Time: 17:28 
 */ 
include "data.PHP"; 
if($_POST["code"]==201 && $_POST["user"]=="admin"){ 
//  echo json_encode(array("code"=>111)) ; 
  echo json_encode($hotSale); 
}else{ 
  echo json_encode(array("code"=>402)); 
  echo json_encode($hotSale); 
} 

服务器的代码 include进来的PHP文件就是存储数据的一个PHP文件下面会附上代码;我解释一下这个简单的服务器端的代码

111)) ; echo json_encode($hotSale); }

这个判断就是对客户端那边发过来的数据进行的判断 如果code和user都正确 则给你返回数据 如果不等几返回

402)); echo json_encode($hotSale); }

这是在开发中和服务器端的同事商量定下来的

下面我说一下正确的时候返回来的数据

rush:PHP;">

PHP">echo json_encode($hotSale);

就是这句 echo大家都知道是PHP里面的关键字,json_encode就是获取我们加载 data.PHP 就是这个

rush:PHP;">

PHP"> "./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,保障质量_files/56945f40088bc0491409db204dab9be3e0a3.jpg","title"=>"南方家居 Q23025床(带床垫)","titleURL"=>"http://www.baixingmall.com/item/52a297380d2c004b75090030180f9be3e0a3.htm","Nprice" => "1980","Oprice"=>"1980","number"=>"53" 
); 
$hotSaleContent2=array( 
  "imgurL"=>"./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,保障质量_files/56945f4d0b610045fe09f8604dab9be3e0a3.jpg","title"=>"富魄力 M-66型沙发","titleURL"=>"http://www.baixingmall.com/item/5178d9660f230049d10847f06de39be3e0a3.htm","Nprice"=>"3600","Oprice"=>"8600","number"=>"60" 
); 
$hotSaleContent3=array( 
  "imgurL"=>"./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,保障质量_files/56945f570129804eec0921e04dab9be3e0a3.jpg","title"=>"和木轩 HK8005电视柜","titleURL"=>"http://www.baixingmall.com/item/526a0f8704a540492c0a3960345b9be3e0a3.htm","number"=>"60" 
); 
$hotSaleContent4=array( 
  "imgurL"=>"./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,保障质量_files/56945f5f0cb640412e0aeb104d589be3e0a3.jpg","title"=>"怡品源12F07-12E07餐桌椅","titleURL"=>"http://www.baixingmall.com/item/52fec2ee0d0a4041ca08954018d89be3e0a3.htm","Nprice"=>"300","Oprice"=>"800","number"=>"600" 
); 
$hotSaleContent5=array( 
  "imgurL"=>"./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,"number"=>"600" 
); 
$hotSaleContent6=array( 
  "imgurL"=>"./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,"number"=>"600" 
); 
$hotSaleContent7=array( 
  "imgurL"=>"./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,"number"=>"60" 
); 
$hotSaleContent8=array( 
  "imgurL"=>"./百姓商城-百姓广场网上商城-郑州建材_郑州家具_郑州建材网_郑州装修公司-价格最低,"number"=>"60" 
); 
$hotSale=array($hotSaleContent1,$hotSaleContent2,$hotSaleContent3,$hotSaleContent4,$hotSaleContent5,$hotSaleContent6,$hotSaleContent7,$hotSaleContent8); 
这里面就是所有的服务器提供的数据 然后进行获取那个数组
然后传到我们html的ajax的data里面即使这个:
 

rush:PHP;">

这个就是ajax获取成功的时候执行的函数funcation()里面的data就获取到了我们那个数组,其实他是json文件,只是像数组格式我们还要进行转换

然后就是我们要八条数据进行遍历

rush:xhtml;">
" + 
              "
" + result[i].title + "
" + 
              "
预订：" + result[i].number + "件￥" + result[i].Nprice + "￥" + result[i].Oprice + "
 " 
    } </pre>