•   欢迎来到21NN网.
  •   请记住本站网址www.21nn.cn

php页面不革新更新数据【php问题】,php,ajax

摘要: php页面不革新更新数据php页面不革新更新数据完成起来很简朴,我们能够运用前端的ajax手艺。ajax作用:ajax手艺的目标是让javascript发送http要求,与背景通讯,猎取数...

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网别的相干文章!

分享到:

发表评论

评论列表

还没有评论,快来说点什么吧~

公众号二维码

微信公众号