序列化serialize() 通过ajax将数据传入后台

最新推荐文章于 2022-08-03 16:19:15 发布

会篮球的程序猿

最新推荐文章于 2022-08-03 16:19:15 发布

阅读量9.1k

点赞数 1

分类专栏：后台前端 js 文章标签： ajax jquery javascript php

本文链接：https://blog.csdn.net/weixin_44944193/article/details/104922808

版权

后台同时被 3 个专栏收录

102 篇文章 1 订阅

订阅专栏

前端

37 篇文章 1 订阅

订阅专栏

26 篇文章 0 订阅

订阅专栏

我们先了解一下什么是序列化，看了一篇文章，在PHP中的作用是可以将我们的数组转为对象。

反序列化那么就是将对象在转为数组。

例子看一下可以 ----> 通过ajax将表单值传入后台请看后面（可跳过这里内容）

$sites = array('Google'=>'$ser', 'Runoob'=>'1111', 'Facebook'=>333);
//序列化
$serialized_data = serialize($sites);
//得到   a:3:{s:6:"Google";s:4:"$ser";s:6:"Runoob";s:4:"1111";s:8:"Facebook";i:333;}

//反序列化
$a = unserialize($serialized_data);

//得到
//　　array(3) {
//　　　["Google"]=>
//　　　string(4) "$ser"
//　　　["Runoob"]=>
//　　　string(4) "1111"
//　　　["Facebook"]=>
//　　　int(333)
//　　}

通过ajax将数据传入后台

这里的后台我用的是thinkphp没用用原生php。

前端HTML内容：

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <title>Document</title>
</head>

<body>
    <form method="post" name="forms">
        <input type="checkbox" name="a" value="1">
        <input type="checkbox" name="b" value="2">
        <input type="checkbox" name="c" value="3">
        <input type="checkbox" name="d" value="4">
        <input type="checkbox" name="e" value="5">
        <input type="checkbox" name="f" value="6">
        <input type="checkbox" name="g" value="7">
        <button onclick="ceshi()" type="button">tijiao</button>
    </form>
</body>

</html>

<script>
    function ceshi() {
        $.ajax({
            type: 'POST',
            url: "{:url('index/index/test')}",
            data: $('form').serialize(),
            dataType: 'json',
            success: function (data) {
                console.log(data);
            },
            error: function () {
                console.log("error");
            }
        });

    }
</script>

index控制器内容：

<?php
namespace app\index\controller;
use think\Log;
use think\Controller;
use think\Db;
class Index extends Controller
 {
   public function test()
    {
        $all = input();
        return json($all);
    }
}

这样我们将多选框的数据返回给了前端。这里返回前端的是一个对象的形式。

下面我们将数据转为数组的格式

tp控制器代码

<?php
namespace app\index\controller;
use think\Log;
use think\Controller;
use think\Db;
class Index extends Controller
 {
    public function test()
    {
            'a'=>input( 'a' ),
            'b'=>input( 'b' ),
            'c'=>input( 'c' ),
            'd'=>input( 'd' ), 
            'e'=>input( 'e' ), 
            'f'=>input( 'f' ), 
            'g'=>input( 'g' ), 
        ];
        return json($data);
    }
}

前端处理数据为

<script>
    function ceshi() {
        $.ajax({
            type: 'POST',
            url: "{:url('index/index/test')}",
            data: $('form').serialize(),
            dataType: 'json',
            success: function (data) {
                console.log(data.a);
                console.log(data.b);
                console.log(data.c);
                console.log(data.d);
                console.log(data.e);
                console.log(data.f);
                console.log(data.g);
                
            },
            error: function () {
                console.log("error");
            }
        });

    }
</script>

序列化接收值的格式为

c=3&g=7&a=1&d=4&b=2&f=6&e=5

会篮球的程序猿

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
序列化serialize() 通过ajax将数据传入后台

我们先了解一下什么是序列化，看了一篇文章，在PHP中的作用是可以将我们的数组转为对象。反序列化那么就是将对象在转为数组。例子看一下可以 ----> 通过ajax将表单值传入后台请看后面（可跳过这里内容）。也可以进行简单的理解一下$sites = array('Google'=>'$ser', 'Runoob'=>'1111', 'Facebook'=&...
复制链接

扫一扫