php页面不刷新更新数据-PHP问题

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页面没有刷新更新数据的具体内容，更多请存眷资源魔其它相干文章！