Ajax PHP简单数据交互
PHP是一种用于创建动态交互网站的服务器端脚本语言。优点:PHP脚本语言应用广泛,开源免费,最重要的是入门容易,掌握容易。
PHP可以生成动态页面内容
PHP可以在服务器上创建、打开、读取、写入、删除和关闭文件
PHP可以接收表单数据
PHP可以发送和检索cookies
PHP可以添加、删除和修改数据库中的数据
PHP可以限制用户访问网站中的某些页面
它可以在各种平台上运行,兼容几乎所有的WEB服务器,并支持各种数据库
1.如果我们想运行PHP,我们首先必须有一个web服务器,它可以部署在本地进行测试。因此,我们需要下载XAMPP。我们在百度搜索apache好友,直接打开第一个链接,然后毫不犹豫的下载最新版本(PHP7.0.9),然后安装。
2.
2.现在,将XAMPP配置为部署本地服务器。当你打开它时,你只需要启用Apache服务,然后我就成功启动了。如果激活不成功,并且端口中没有显示数据,则证明您正在收听的电脑端口已被占用。您可以在Config的第一个选项中更改监听端口,并在记事本中找到Listen 8080命令的后缀。这里,我把监听端口改成了空闲的8080。
3.让我们打开Dreamweaver来构建一个服务器站点。站点配置:必须从安装Xampp路径的htdocs目录中选择本地站点文件夹。
4.添加服务器配置:
然后站点被设置,然后在站点文件夹中创建一个server.php。脚本如下
?Php//将页面内容设置为html,编码格式为UTF-8//header(' content-type : text/plain;charset=utf-8 ');标头('访问控制-允许-原始: * ');标题('访问控制-允许-方法:发布,获取');标题('访问控制-允许-凭证3360规则');标头(' Content-Type:应用程序/JSON;charset=utf-8 ');//标题(' Content-type : text/XML;charset=utf-8 ');//标题(' Content-type : text/html;charset=utf-8 ');//标头(' Content-Type:应用程序/JavaScript;charset=utf-8 ');//定义包含员工信息的多维数组。每个员工信息都是一个数组$ staff=array(array('name'=' Jobs ',' number'='101 ',' sex'='男',' job'='IOS开发工程师'),array(' name '=' 102 ',' sex'='男',' job'='微软开发工程师'),array(' name '='陈美丽',' number'='103 ',' sex'='女',' job'=' Android开发工程师' Number'='104 ',' sex'='男',' job'='Java开发工程师'如果是开机自检请求,请创建一个新的。//$_SERVER是一个超级全局变量,可以在脚本的所有范围内使用。如果($ _ SERVER[' REQUEST _ METHoD ']==' get '){ search();} else if($ _ SERVER[' REQUEST _ METHoD ']==' POST '){ create();}//按员工号搜索员工函数search(){//检查是否有员工号的参数//isset检测变量是否设置;空判断值是否为空。//超全局变量$_GET和$_POST用于收集表单数据,如果(!isset($ _ get[' number '])| | empty($ _ get[' number ']){ echo ' { success ' : false,' msg' : '错误参数' } ';返回;}//在函数外声明的变量具有全局作用域,只能在函数外访问。//global关键字用于访问函数中的全局变量global $ staff//GET number参数$ number=$ _ GET[' number '];$ result=' {'success' : false,' msg' : '未找到员工。'}';//遍历$staff的多维数组,找出键值为number的员工是否存在。如果是,请将返回结果foreach($ staff as $ value){ if($ value[' number ']==$ number){ $ result=' { ' success ' : true。Msg': '找到员工:员工编号:'。$value['number']。员工姓名:'。$value['name']。员工性别:'。$value['sex']。员工职位:'。$ value ['作业。打破;} } echo $结果;}//create employee函数create(){//判断信息是否填写完整if(!isset($_POST['name']) ||空($_POST['name']) ||!isset($_POST['number']) ||空($_POST['number']) ||!isset($_POST['sex']) ||空($_POST['sex']) ||!isset($ _ post[' job '])| | empty($ _ post[' job ']){ echo ' { success ' : false,' msg' : '参数错误,员工信息不完整' } ';返回;}//TODO:获取POST表单数据保存到数据库//提示保存成功。echo“{ success }”: true,“msg”:“employee:”。$_POST['name']。“信息保存成功!”}';}?我们可以查询server.php文件数组$staff中的数据,并实现添加数据的功能。让我们创造一个demo.html
stylebody,input,button,select,h1 { font-size :20 px行高:18 px}/style脚本窗口。onload=function(){ document。getelementbyid(' search ').onclick=function(){//查询数据//发送埃阿斯查询请求并处理定义变量请求=new XMlhttprequest();//打开('方法(GET查询,开机自检添加)','打开的文件数据,处理方式(同步为错误的异步为没错,不填默认为true));请求打开(' GET ',' server.php?number=' document。getelementbyid('关键字')。值);请求。send();请求。onreadystatechange=function(){ if(request。readystate===4){//当服务器请求完成if(请求。status===200){//status==200为服务器请求成功var数据=JSON。解析(请求。response text);if(data.success){//数据填写符合要求文件。getelementbyid('搜索结果').innerHTML=data.msg}else{//数据填写不符号要求文件。getelementbyid('搜索结果').innerHTML='出现错误: ' data.msg} }else{//服务器请求失败警报('发生错误:的请求。地位);} } } }文档。getelementbyid(' save ').onclick=function(){//添加数据//发送埃阿斯添加数据请求并处理定义变量请求=new XMlhttprequest();//打开('方法(GET查询,开机自检添加)','打开的文件数据,处理方式(同步为错误的异步为没错,不填默认为true));request.open('POST ','服务器。PHP’);//定义数据取得用户所填写的数据,并且发送(数据)到服务器var数据=' name='文档。getelementbyid('员工姓名').值number=' document。getelementbyid('员工编号').value ' sex='文档。getelementbyid(' StaffEx ').值“job=”文档。getelementbyid(“员工职务”).价值;请求。setrequest头(' Content-Type ',' application/x-www-form-URL编码');//在邮政方法里必写,否则添加数据不起作用request.send(数据);请求。onreadystatechange=function(){ if(request。readystate===4){//当服务器请求完成if(请求。status===200){//status==200为服务器请求成功var数据=JSON。解析(请求。response text);if(data.success){//数据填写符合要求文件。getelementbyid(' createResult ').innerHTML=data.msg}else{//数据填写不符合要求文件。getelementbyid(' createResult ').innerHTML='出现错误: ' data.msg} }else{//服务器请求失败警报('发生错误:的请求。地位);}}}}}/scriptbodyh1员工查询/h1标签请输入员工编号:/labelinput类型=' text ' id=' keyword '/button id=' search '查询/buttonp id='searchResult'/ph1员工创建/h1标签请输入员工姓名:/标签输入类型=' text ' id=' staff name '/br标签请输入员工编号:/标签输入类型=' text ' id='五线谱号'/br标签请输入员工性别:/label sel id=' StaffEx '选项男/option选项女/option/selectbrlabel请输入员工职位:/labelinput类型=' text ' id=' staff job '/brbutton id=' save '保存/button p id='创建结果'/p/body
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
版权声明:Ajax PHP简单数据交互是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。