ajax 与 xhr

无刷新的页面请求发起方式;

这个行为是有JS来执行的;

让页面实现局部刷新;

ajax这个技术目标是在页面之中无刷新的发起请求,但是ajax技术实现不只有一种;

实现的方式有:

xhr :称之为 小黄人;

jsonp:用来处理跨域问题的;

fetch :高级的xhr封装;

xhr发起请求

=====================================================================

发起xhr请求</ button>

同路径下创建后台数据 xhr.php 文件

<?php echo "hello 这是后端返回的数据"; 不刷新页面 能发送数据 ![在这里插入图片描述](https://img-blog.csdnimg.cn/309aeee3286a4becbf8124b8edfc3765.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VzdHJ1c0tpbmc=,size_16,color_FFFFFF,t_70) []( )xhr请求如何携带信息 ========================================================================= 发起xhr请求 与之匹配的后端创建 `xhr请求携带的信息php`文件 <?php //[ ]中内容 是 后端定义前端用什么携带信息的东西,叫字段 $username = $_GET["username"] ; $password = $_GET["password"]; echo "前端发送的信息是 : $username , $password"; ![在这里插入图片描述](https://img-blog.csdnimg.cn/21532769c7ac4c99bb184a24dbaf23ee.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VzdHJ1c0tpbmc=,size_16,color_FFFFFF,t_70) 查询结果是: ![在这里插入图片描述](https://img-blog.csdnimg.cn/92c1be9d3dff41bd8e90e82f3e18118a.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VzdHJ1c0tpbmc=,size_16,color_FFFFFF,t_70) ![在这里插入图片描述](https://img-blog.csdnimg.cn/561e8bc9033e40b08219258ed2814010.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2VzdHJ1c0tpbmc=,size_16,color_FFFFFF,t_70) 容易出现的问题: ##在发起xhr请求时,为什么请求方式为GET,GET请求明明是获取数据,POST才是发送数据? -任何请求都可以携带参数,只不过携带参数的数量不同;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值