如何发布一个数组并使用 php 循环遍历它？

Question

我有一个输入字段，当用户输入内容时，它会立即使用 jQuery replace 函数创建一个数组。目标是将这些值发送到 PHP 并在 MySQL 中的特定表上执行实时搜索。

我得到了input 字段和ajax 调用的部分，但到目前为止我还没有完成 php 循环的部分。

我的目标是将此数组序列化到 php 并将每个项目用作变量。

这是我的 jQuery 和 HTML fiddle。

这是我的代码：

HTML：

<div class="container-fluid" style="margin-top:10px;">
  <div class="row" style="padding:10px;">
    <input class="form-control" id="Input">
  </div>
  <div class="row">
    <div class="container rounded" id="smd" style="background-color:red; height:100px;display:none;">
<span>Search Results here</span>
    </div>
  </div>
</div>

jQuery:

 $("#Input").keyup(function() {
  var div = $('#smd');
  if ($("#Input").val().length > 0) {
    div.show();
    var source = $("#Input").val();
    var splittedSource = source.replace(/\s{2,}/g, ' ').split(' ');
    $.post('/url/to/page', splittedSource);

    console.log(splittedSource);
  } else {
    div.hide();
  }
});

这是我的字符串的样子：

["This", "is", "my", "string"]

0:"This"
1:"is"
2:"my"
3:"string"

Answer 1

您需要以键/值对的形式发送或以application/json 的形式发送和接收。

现在您只发送一个没有可以被$_POST索引的键的值

试试

$.post('/url/to/page',{arr: splittedSource});

在php中

$arr = $_POST['arr'];//php array

以 json 格式执行：

$.ajax({
   url: '/url/to/page',
   contentType:'application/json',
   data: JSON.stringify(splittedSource)
   // other options
});
//php
$arr = json_decode(file_get_contents('php://input'),true);

Answer 2

虽然我觉得您可以（甚至应该）在后端代码中处理此类逻辑，但您可能需要查看how to use arrays in a form 上的手册

这表明您应该使用以[] 结尾的名称。由于发布表单只是默认使用application/x-www-form-urlencoded enctype，您可以简单地将值myarray[]=a&myarray[]=b...等放在请求正文中，PHP会将其解释为数组值$_POST['myarray']。

Answer 3

这是常见的格式

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

您需要发送正确的格式，例如

$.post( "test.php", { name: "John", time: "2pm" } );

所以你的代码需要更新

$.post('/url/to/page', splittedSource); 

到

$.post('/url/to/page',{data: splittedSource});

这样您就可以使用

获取数据

<?php
$data = $_POST['data'];

你也可以使用这种格式

$("button").click(function(){
    $.post("demo_test_post.asp",
    {
        name: "Donald Duck",
        city: "Duckburg"
    },
    function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

更多关于 ajax 帖子的信息

https://api.jquery.com/jquery.post/