php页面没有刷新更新数据
php页面没有刷新更新数据完成起来很简略,咱们能够应用前真个ajax技巧。
ajax作用:ajax技巧的目的是让javascript发送http申请,与后盾通讯,猎取数据以及信息。完成先后端别离。ajax技巧的原理是实例化xmlhttp工具,应用此工具与后盾通讯。ajax通讯的进程没有会影响后续javascript的执行,从而完成异步。
正在js外面ajax次要处理的成绩就是:没有刷新以后页面,把某些数据通报给效劳器,把某些数据从效劳器拿回客户端。
1、正在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相干常识,请拜访PHP中文网!
以上就是php页面没有刷新更新数据的具体内容,更多请存眷资源魔其它相干文章!
标签: php ajax php教程 php故障解决 php使用问题
抱歉,评论功能暂时关闭!