我有一些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>