drze7794 2016-03-09 20:59
浏览 87
已采纳

序列化表单并使用POST方法使用ajax发送序列化数据

I'm trying to serialize a form and send the serialized data with ajax using POST method ..

index.php

<form id ="form" class = "form">
        <input type = "text" name = "name" />           
        <input type = "number" name = "age" />
        <input type = "number" name = "id" />
        <input type = "submit" name = "submit"><br/>
</form>
<p id = "result"></p>

Jquery snippets

<script>
    $(document).ready(function(){
        $("#form").submit(function(){
            var data = $("#form").serialize();
            insertStudent(data);
            return false ;
        });
        function insertStudent(data){
            $.post("process.php" , { data : data} , function(str){
            $("#result").html(str);
            });                 
        }
   });
</script>

process.php

$ret = $_POST["data"];
echo "<br />".$ret["name"];

And now , the result is :

Notice: Undefined index: name in C:\xampp\htdocs\try.php on line 3

When i tried to echo $_POST["data"] the result is :

name=Ahmed&age=111&id=222

how can i use every name individually such as : $_POST["name"] ... $_POST["age"] ... $_POST["id"] ?

  • 写回答

2条回答 默认 最新

  • doushao1948 2016-03-09 21:15
    关注
        function insertStudent(data){
            $.ajax({
                url: 'process.php',
                data: data,
                type: 'POST',
                dataType: 'json',
                success: function(str){
                     $("#result").html(str);
                }
            });     
        }
    

    And then print $_POST in your PHP file :)

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 BP神经网络控制倒立摆
  • ¥20 要这个数学建模编程的代码 并且能完整允许出来结果 完整的过程和数据的结果
  • ¥15 html5+css和javascript有人可以帮吗?图片要怎么插入代码里面啊
  • ¥30 Unity接入微信SDK 无法开启摄像头
  • ¥20 有偿 写代码 要用特定的软件anaconda 里的jvpyter 用python3写
  • ¥20 cad图纸,chx-3六轴码垛机器人
  • ¥15 移动摄像头专网需要解vlan
  • ¥20 access多表提取相同字段数据并合并
  • ¥20 基于MSP430f5529的MPU6050驱动,求出欧拉角
  • ¥20 Java-Oj-桌布的计算