欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 教育 > 幼教 > fetch测试用get方法发送数据和获取后端数据

fetch测试用get方法发送数据和获取后端数据

2024/10/24 4:42:59 来源:https://blog.csdn.net/cdcdhj/article/details/141164596  浏览:    关键词:fetch测试用get方法发送数据和获取后端数据

前端fetchget.html把我们想要发送的数据以get的形式发到后端;
如:foo=bar&baz=que格式的数据发送给后端

<html><head><meta http-equiv="content-type" content="text/html;charset=UTF-8"/><title>测试fetch的get用法</title></head><body><script type="text/javascript">//第一个参数为URL,第二个参数为init的对象fetch('fetchget.php?foo=bar&baz=qux',{modth:"get",//发送模式headers:{'Content-Type':'application/x-www-form-urlencoded;charset=UTF8'}//设置发送标头}).then(response=>{//这里期约返回response,再检查response的ok,status属性是否是真if(response.ok && response.status===200){//response.json()方法转换为json格式;获取他的实例是data//response.blob()实例为blob;response.text()实例为datareturn response.json();}throw new Error('Network response was not ok.');}).then(data=>{//这里是response.json()方法的实例,实例就是返回的数据console.log(data.data.foo);}).catch(error=>{console.log('提取数据发生错误:',error);});</script></body>
</html>

//这里是后端处理数据和返回数据

<?php
//检查获取模式是否为get
if($_SERVER['REQUEST_METHOD']==='GET')
{
//获取前端的值$foo=$_GET['foo'];$baz=$_GET['baz'];if(isset($foo)&&isset($baz)){//把要返回的值集中到数组中$data=['message'=>'hello world','timestamp'=>date('Y-m-d H:i:s'),'data'=>['foo'=>$foo,'baz'=>$baz]];}//设置标头为json格式header('Content-Type:application/json');//返回数据echo json_encode($data);}else
{
//如果不是get模式,则返回错误信息header('HTTP/1.1 405 Method Not Allowed');echo json_encode(['error'=>'Method Not Allowed']);
}

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com