PHP前后端交互

这篇具有很好参考价值的文章主要介绍了PHP前后端交互。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

PHP是现如今十分流行的轻量级语言,经常用来做应用的后端开发,其特点是语法简单,十分容易上手。除了单独做后端,PHP还能够将程序嵌入到HTML文件中执行,非常容易实现简单的前后端交互。而且PHP的运行很轻松,只要下载PHP环境并打开服务,就能通过访问文件的形式执行PHP文件,并且获得其返回的数据了。但是可惜由于很多原因,PHP不太适合复杂和安全性要求高的大应用,所以求职方面,可能不如Java后端等吃香。但是如果你只是需要为自己的应用写个简单的后台,或者是像我一样在学校里做做项目,参加参加比赛,那么PHP还是一个不错的选择的。
 
接下来就正式开始入门内容。首先,基本的语法我就不赘述了,有点编程经验的话自己去看会儿文档,知道个大概就行了,具体的实在不行到时候用到再百度也没事。最核心的就是,被<?php ?> 这个标签包裹下的语句,都会被解析成php代码然后执行。比如下面这个最简单的例子,只要把这个php文件放在PHP环境下,就能够输出内容了。具体的PHP环境安装我就不多说了,常见的有PHPStudy、XAMPP、WAMP等等集成环境,Linux下也只用几条指令就行,也基本上没有什么坑,装好就能直接用了。
 
<?php
echo "Hello World!";
?>
 
明白了PHP大概是怎么运作的,我们就可以利用PHP实现很多功能了,比如说实现最简单的前后端交互,前端通过Ajax发送一个get请求到我们的后端,获取后端返回的数据。
 
var xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET", "https://mu-mu.cn/1.php", true);
xmlhttp.send();
xmlhttp.onreadystatechange = function() {
if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
console.log(this.responseText);
}
}
 
这里就会出现第一个小问题了,那就是跨域请求,具体的内容我以后有时间希望能够专门写一篇博文来详细地讲,现在就先说个大概吧。首先,域=协议名+主机名+端口号,只要你访问的域中有一个是不同的,那么你的这次请求就是跨域的,这么做是为了安全性,网络世界可不是法外之地,怎么能随随便便想去哪里就去哪里呢。
 
解决的方法很简单,常用的方法有两种。第一种是把前后端放在同一个域下,这样你的后端接口就只处理来自你部署于同一个域下的应用的请求了。第二种方法是后端进行设置,比如添加允许跨域的header头。这样子所有人都能够访问你的后端了,当然也可以设置白名单稍做限制。关于什么是header头以及更多请求的内容,以后有机会再说吧。
 
<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE");
header('Access-Control-Allow-Headers:x-requested-with,content-type');
return "111";
?>
加上header头之后,打开控制台,再次访问,果然就没有问题了,通过这种方式,我们就实现了最简单的向后端获取数据,不过这样子获取到的数据都是静态的写死的,不能满足我们的大多数需求,所以之后还得连接数据库,以及对数据库进行操作。
 
 
获取数据是没问题了,那怎么向后端发送数据呢?其实也很简单,之前讲过Ajax发送数据的简单方法有两种,一种是放在url种,通过GET方法发送,另一种是放在body里面,通过POST方法发送。
//GET方法只需修改url,通过?参数名=值&参数名=值的形式发送数据
xmlhttp.open("GET", "https://mu-mu.cn/1.php?name=mumu", true);
//后端
$name = $_GET['name'];


//POST方法 POST发送数据的方式多种多样,可以以表单、json、编码字符等形式发送,只需要设置请求头就可以了
let data = "name=mumu";
xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlhttp.send(data);
//同样后端获取前端POST数据的形式也是相应变化的,常见的有两种:
$_POST['fieldname']或者$_REQUEST['fieldname']对应x-www-form-urlencoded,也就是表单发送过来的数据
file_get_contents("php://input");可以获取任何POST数据,但是还要自己对数据进行处理

 文章来源地址https://www.toymoban.com/news/detail-437834.html

到了这里,关于PHP前后端交互的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • WebSocket前后端交互

    什么是websocket WebSocket是HTML5下一种新的协议(websocket协议本质上是一个基于tcp的协议) 它实现了浏览器与服务器全双工通信,能更好的节省服务器资源和带宽并达到实时通讯的目的 Websocket是一个持久化的协议 websocket的原理 websocket约定了一个通信的规范,通过一个握手的机制

    2024年01月24日
    浏览(69)
  • 前后端交互Ajax

    1.1 服务器 上网过程中,负责 存放和对外提供资源 的电脑,叫做服务器。 上网的过程中,负责 获取和消费资源 的电脑,叫做客户端。 1.2 URL 地址 URL(全称是UniformResourceLocator)中文叫做 统一资源定位符 ,用于表示互联网上每个资源的唯一存放位置。浏览器只有通过URL地址

    2024年02月07日
    浏览(50)
  • SpringBoot前后端交互

    1.SpringBoot概述:            Spring Boot 是在 spring 框架基础之上开发的框架, 其设计目的是用来简化应用的初始搭建以及开发过程。虽然 spring 的组件代码是轻量级的,但它的配置却是重量级的, 即使 spring 引入了注解功能,但是仍然需要编写大量的模板化配置文件. 项目的依赖管

    2023年04月24日
    浏览(29)
  • 区块链前后端交互过程

    此文章基于github中的开源项目“ 基于区块链的房地产交易系统模型”进行介绍。对于新手来说,就算可以运行此项目,也不知该如何修改代码来满足自己的需求,因此此篇文章对区块链项目的前后端进行介绍,感兴趣的小伙伴可去github下载源代码。 首先明确目录结构: app

    2023年04月27日
    浏览(45)
  • 前后端交互(小白教学)

    在我们的印象中什么是前后端交互呢? 我们一个后端程序员为什么要去学习前端知识? 前后端交互到底是靠什么而进行关联的呢? 接下来我们带着这三个问题来阅读这边文章!!! 所谓前后端交互,即前后端交互为前端和后端的互动,也可以理解为数据交互,前端需要获取(GET)的数据获

    2024年02月03日
    浏览(42)
  • flask前后端交互

    场景:按下按钮,将左边的下拉选框内容发送给后端,后端再将返回的结果传给前端显示。 按下按钮之前: 按下按钮之后: 代码结构 这是flask默认的框架(html写在templates文件夹内、css和js写在static文件夹内) 很简单的一个select下拉选框,一个按钮和一个文本,这里的 {{ t

    2024年02月13日
    浏览(41)
  • 前后端交互——Ajax

    Ajax 即“AsynchronousJavascriptAndXML”(异步 JavaScript 和 XML) ,是指 一种创建交互式应用的网页开发技术 。通俗的理解就是在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式。 传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。其缺点如下: 1. 本身是

    2023年04月10日
    浏览(37)
  • 探究前后端数据交互方式

    前端和后端在 Web 开发中扮演着不同的角色,两者需要进行数据的传递和交互。本篇文章将主要讨论前后端数据交互方式的不同类型和应用场景。 一、什么是前后端数据交互? 在 Web 开发中,前端负责用户界面的设计和交互,后端负责数据的处理和存储。因此,前后端之间需

    2024年02月09日
    浏览(42)
  • python前后端简单交互

    前端: 后端:

    2024年02月04日
    浏览(44)
  • 前后端分离式交互

    前言 1.javaEE环境安装 第一步:正常创建javase项目 第二步:右击项目,引入框架支持 第三步:将项目部署到Tomcat服务器上。Tomcat安装及配置 2.servlet搭建 请求格式为:ip:端口/项目名/servlet地址 3.servlet生命周期 4.http请求和响应          4.1http请求          4.2http响应: 5.过滤

    2024年01月25日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包