php页面不革新更新数据
php页面不革新更新数据完成起来很简朴,我们能够运用前端的ajax手艺。
ajax作用:ajax手艺的目标是让javascript发送http要求,与背景通讯,猎取数据和信息。完成前后端星散。ajax手艺的道理是实例化xmlhttp对象,运用此对象与背景通讯。ajax通讯的历程不会影响后续javascript的实行,从而完成异步。
在js内里ajax重要处理的题目就是:不革新当前页面,把某些数据通报给效劳器,把某些数据从效劳器拿回客户端。
一、在html里的五步走战略:
1.竖立AJAX中心对象
ar xhr=new XMLHttpRequest();
2.增加预加载;指假如xhr对象的预备好的状况发生了变化时,触发函数。
xhr.addEventListener("load",loadHandler);
3.竖立衔接
xhr.open("GET","http://localhost/index.php?user=zhangsan");
竖立衔接里参数题目,语法:
xhr.open("get", url, true);
备注:open() 要领中
第1个参数指要求的发送体式格局,值为get或post。
第2个参数指要求的url途径就是你写的php文件 的途径,?背面是所照顾get所要取得的相干信息。
第3个参数指要求是异步照样同步,假如写true示意异步(默许true), 写false示意同步。
4.向效劳器提议要求
xhr.send();
语法:
xhr.send();
备注:假如是get体式格局发送要求,send()敕令中不必写任何参数
通报的数据能够写在url中,效劳器用$_GET[“参数名”]吸收。
假如是post体式格局发送要求,须要设置要求头才准确把数据通报给后端页面。 我们这里采纳的是get体式格局,所以不必写任何参数。
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send(“数据名1=数据值&数据名2=数据值”);
效劳器用$_POST[“参数名”]吸收。
5.声明预加载函数;吸收相应
function loadHandler(){ // 猎取并运用效劳器的相应 console.log(xhr.response); }
二· 在php文件内里
三步骤:
header("content-type:text/html;charset=utf-8");
设置字符编码
header("Access-Control-Allow-Origin:*");
设置Access-Control-Allow-Origin来完成跨域接见(由于差别的域名默许不允许之间不能够互相通讯)
echo $_GET["user"]."本日心境很好";
所要交给前台的数据
四.完成接见:
将写好的php文件放入到phpStydy 的www的文件夹内,如下图:
1.找到phpStyle的装置目次
2.翻开找到www文件夹
3.将你写好的PHP文件复制到www文件夹内里去,如我刚写的index.php文件;
4.如今完成简朴的ajax的接见;
如今运转你的html代码:
此时就会完成页面不革新,就能够接见php的数据了
更多PHP相干学问,请接见ki4网!
以上就是php页面不革新更新数据的细致内容,更多请关注ki4网别的相干文章!