首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在jquery中创建关联数组的数组

在jquery中创建关联数组的数组
EN

Stack Overflow用户
提问于 2016-03-18 20:22:13
回答 1查看 102关注 0票数 1

我需要创建一个数组的关联发送相同的php脚本作为ajax帖子。我该怎么做?

更具体地说,我有两行名为"First Name“和"Last Name”的输入。当我按下submit按钮时,这将生成一个数组,如下所示:

代码语言:javascript
运行
复制
var name_array = [{"first_name" : string1, "last_name" : string2},
 {"first_name" : string3, "last_name" : string4},
 .
 .
 .]

然后我将通过ajax post将这个数组发送给php。如果执行了上面的构造,那么将name_array作为数据发送到php脚本的语法应该是什么?

EN

回答 1

Stack Overflow用户

发布于 2016-03-18 21:42:55

代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function()
{
    var hold_data = {};
    $(document).on('click','#submit',function()
    {
        $("#myform .field").each(function()
        {
            hold_data[$(this).attr('name')] = $(this).val();
         });
        var json_data = JSON.stringify(hold_data);
        alert(json_data);

         $.ajax(
         {
             url:'', //url location for where you want to submit the data
             type:'post',
             data:{form_data:json_data},
             success:function(res)
             {
                 alert("Successfully sent and your response "+res);
              }
          });
      }); 
});
</script>
</head>

<body>
<form id="myform" action="">
  First name: <input type="text" class="field" name="FirstName"  value="Tom"><br>
  Last name: <input type="text" class="field" name="LastName" value="Raze"><br>
  <input type="button" id="submit" value="Submit">
</form>
</body>

如果你要发布到一个php页面,那么你可以解码json数据,如下所示。

在ajax中,被回显的临时值将显示为response res数据

代码语言:javascript
运行
复制
<?php

if(isset($_POST['form_data']))
{
    $temp = json_decode($_POST['form_data']);
    echo temp;
}

?>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36084283

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档