Post请求前端后端简单记录

Web  2024年7月18日 pm7:22发布4个月前更新 91es.com站长
201 0 0

前言

简单记录一下JavaScript和PHP中,使用post方法发送请求到后端并处理响应。

偶尔需要用,简单记录一下,方便自己查阅。

主要摘抄,只是参考思路,具体还是结合自己代码使用

正文

通常涉及以下步骤:

  1. 发送POST请求。

  2. 后端处理请求并返回数据

  3. 前端,使用回调函数处理后端返回的数据

前端1

PHP
<?php
    $data = array(
        'foo'=>'bar', 
        'baz'=>'boom', 
        'site'=>'localhost', 
        'name'=>'nowa magic'); 
    $data = http_build_query($data); 
    //$postdata = http_build_query($data);
    $options = array(
        'http' => array(
            'method' => 'POST',
            'header' => 'Content-type:application/x-www-form-urlencoded',
            'content' => $data
            //'timeout' => 60 * 60 // 超时时间(单位:s)
        )
    );
    $url = "https://www.91es.com/test2.php";
    $context = stream_context_create($options);
    $result = file_get_contents($url, false, $context);
    echo $result;
?>
JavaScript
<script>
$(document).ready(function(){
  $("#myButton").click(function(){
    // 发送数据到后端
    $.post("https://www.91es.com/test2.php", { key1: "value1", key2: "value2" }, function(data, status){
      // 处理后端响应
      console.log("Data: " + data + "\nStatus: " + status);
      // 更新前端内容或者进行其他操作
      $("#myDiv").html(data);
    });
  });
});
</script>

后端

test2.php
<?php
    // 确保只有通过POST请求才能访问此脚本
    if ($_SERVER['REQUEST_METHOD'] == 'POST') {
        //传输的数据
        $postData = $_POST;
        // 处理$postData,例如将其存储到数据库或进行其他操作
        // ...
        // 准备返回的数据数组
        $response = array(
            'status' => 'success',
            'message' => '数据已处理',
            // 根据实际需求添加更多的数据
        );
        // 将数组转换为JSON格式
        $jsonResponse = json_encode($response);

        // 输出JSON格式的响应
        header('Content-Type: application/json');
        echo $jsonResponse;
    } else {
        // 如果不是POST请求,可以给出错误提示或其他响应
        http_response_code(405); // 设置HTTP状态码为405 Method Not Allowed
        echo '错误:请使用POST方法请求。';
    }
?>

参考文章

  1. PHP使用stream_context_create()模拟POST/GET请求的方法

  2. js $.post 前端后端处理方式

  3. php post并通过函数返回json数据

 历史上的今天

  1. 2023: NDK中jni.h头文件完整内容(0条评论)
  2. 2023: JNI动态注册封装C++版(0条评论)
  3. 2021: 海子:麦子熟了(0条评论)
  4. 2019: 严歌苓:读书是生命的另一种存在(0条评论)
版权声明 1、 本站名称: 91易搜
2、 本站网址: 91es.com3xcn.com
3、 本站内容: 部分来源于网络,仅供学习和参考,若侵权请留言
3、 本站申明: 个人流水账日记,内容并不保证有效

暂无评论

暂无评论...

随机推荐

MySQL中like查询的简单使用

前言在数据库中,like关键字用于搜索匹配字段中的指定内容。本文就摘抄于网上的内容,整理于此,方便自己查阅。正文like语法[not] like '字符串'not:可选参数,字段中的内容与指定字符串不匹配时满足条件字符串 :指定用来匹配的字符串,可以是完整的字符串(完整匹配),也...

Android String根据指定长度进行截取文本

前言在做自定义TextImageView时,画的文本长度存在过长,因此需要跟进ImageView的宽度进行限制Text的宽度,也就引出需要新需求:根据Text文本长度进行裁剪PS: Button 本来是支持图片+Text的组合显示的,但是Glide需要传入ImageView,因此才有TextI...

ATC平台编译命令记录

前言主要记录一下ATC项目中用的编译命令。方便自己查阅。主要是个人用,每个平台可能不一样。不推荐看哈正文在Android源码目录下隐藏内容!付费阅读后才能查看!¥2 ¥3多个隐藏块只需支付一次付费阅读参考文章1.《ATC 文档》

[摘]Android IO流读写文件

一、概念文件在程序中是以流的形式来操作的。流:是一组有顺序的,有起点和终点的字节集合,是对数据传输的总称或抽象。即数据在两个存储位置之间的传输称为流。流的本质是数据传输,根据数据传输特性将流抽象为各种类,方便更直观的进行数据操作。二、分类1、按照流向划分:输入流、输出流以内存为参照:输...

Visual Studio 2017常用部分快捷键

前言最近在使用VS2017温习C语言,这工具很多快捷键都忘了,这里记录部分,方便自己查阅,后续慢慢添加。正文1、代码片段多行注释step1、选中要注释的代码段;step2、按 Ctrl + K 键;step3、再按 Ctrl +C 键。2、代码片段取消注释step1、选中要取消注释的...

Kotlin中的特殊函数简介

前言简单记录一下Kotlin中的run()、apply()、let()、also()和with()等特殊的函数,方便自己查阅。正文run()@kotlin.internal.InlineOnlypublic inline fun <T, R> T.run(block: T....