使用 JavaScript 发布嵌套值(提供 PHP 示例)


posting nested values using javascript (php example provided)

我有一些PHP代码将数据发布到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';
?>

如何使用XMLHttpRequest在javascript帖子中实现相同的嵌套参数来容纳

['参数']['limit']和['parameters']['偏移量']值?

到目前为止的代码:

<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>

尝试创建这个。

<!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>