使用 javascript 发布嵌套值（提供了 php 示例）

Question

我有一些 PHP 代码，将 post 数据发送到 API，并为 curl 编译 POST 信息如下：

<?php
$post_data['field'] = 'fieldsValue';
$post_data['field2'] = 'field2sValue';
$post_data['parameters']['limit'] = '10';
$post_data['parameters']['offset'] = '10';
$post_data['parameters']['search'] = 'value';
?>

如何实现相同的嵌套参数以在 [=26] 中容纳 ['parameters']['limit'] 和 ['parameters']['offset'] 值=] post 使用 XMLHttpRequest?

到目前为止的代码：

<script>
function fieldSearch(query){
    var xhttp = new XMLHttpRequest();
    var postdata = "field=fieldsvalue&field2=field2sValue";
    xhttp.open("POST", "app.php", true);
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.setRequestHeader("Content-length", postdata.length);
    xhttp.send(postdata);
}
</script>

Answer 1

尝试创建这个。

<!DOCTYPE html>
<html>
<head>
    <title></title>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
      <script type="text/javascript">

          function formSubmit(frmElement){
            var xhr = new XMLHttpRequest();
            xhr.onload = function(){alert(xhr.responseText);}
            xhr.open(frmElement.method, frmElement.action,true);
            xhr.send(new FormData(frmElement));
            return false;
          }
      </script>

</head>
<body>

<form method="post" action="app.php" onsubmit="return formSubmit(this);">
    <input type="text" name="field"/>
    <input type="text" name="field2"/>
    <input type="text" name="parameters[limit]"/>
    <input type="text" name="parameters[offset]"/>
    <input type="text" name="parameters[search]"/>

    <input type="submit" value="submit">
</form>
</body>
</html>

使用 javascript 发布嵌套值（提供了 php 示例）

posting nested values using javascript (php example provided)

javascript

php

arrays

post

xmlhttprequest