云南网站建设,网站原型图软件,企业网站管理系统cms,软件开发与网站建设php页面不刷新更新数据php页面不刷新更新数据实现起来很简单#xff0c;我们可以使用前端的ajax技术。ajax作用#xff1a;ajax技术的目的是让javascript发送http请求#xff0c;与后台通信#xff0c;获取数据和信息。实现前后端分离。ajax技术的原理是实例化xmlhttp对象我们可以使用前端的ajax技术。ajax作用ajax技术的目的是让javascript发送http请求与后台通信获取数据和信息。实现前后端分离。ajax技术的原理是实例化xmlhttp对象使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行从而实现异步。在js里面ajax主要解决的问题就是不刷新当前页面把某些数据传递给服务器把某些数据从服务器拿回客户端。一、在html里的五步走策略1.建立AJAX核心对象ar xhrnew XMLHttpRequest();2.添加预加载指如果xhr对象的预备好的状态发生了变化时触发函数。xhr.addEventListener(load,loadHandler);3.建立连接xhr.open(GET,http://localhost/index.php?userzhangsan);建立连接里参数问题语法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;charsetutf-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中文网
