我已经查看了与该主题相关的各种其他问题,但我仍在努力寻找我的查询的解决方案。
在我的系统中,我允许管理员将额外的表单节点附加到文件中,以便他们可以输入任何额外的所需数据,然后将这些数据提交到数据库以在站点的主要部分生成页面。
我对通过 AJAX 传回数据的概念很陌生,所以我可能会误解一些东西,但这是我的代码。
添加节点控件
<div id="nodeControl">
<div id="addNode">
<a id="nodeLink" href="#">+</a>
</div>
</div>
<div id="slideOut">Click to add a new section</div>
添加节点点击响应功能
var nodeCount = 2;
$("#nodeLink").click(function(){
// Local Variables
var newSection = '<br/><div id="sectionInfo"><div id="sectionWrap"><div id="sectionInner"><label class="inst head">Section ' + nodeCount + '</label><input class="textOver" type="text" name="sectionTitle' + nodeCount + '" value="<?php $title; ?>"> <label class="inst ib">Please enter any text you would like associated with the section.</label> <textarea style="margin-top: 3px" name="sectionContent' + nodeCount + '" value="<?php $body; ?>"></textarea> <label class="inst ib">Please upload the image associated with this section, .PNG reccomended.</label> <input type="file" style="visibility:hidden;" name="img' + nodeCount + '" id="upload" /> <input type="button" id="fileStyle" class="fSOver" value="Upload Pump Image!" /> </div> </div> </div>' ;
// Append the new section to the document and increment the node count
$('#sections').append(newSection);
nodeCount += 1;
// Call AJAX to pass to PHP
$.ajax({
type: "POST",
url: "../section.php",
data: { setSection : newSection },
success: function() {
alert("Success, ajax parsed");
}
});
$(".successDiv").slideDown(150);
$(".successDiv").delay(1500).slideUp(150);
return false;
});
节点计数在这里被实例化为“2”,当添加一个节点时,该数字被附加到我的表单上任何输入元素的名称属性中,即 header2、header3 等。所以当我的表单最终提交时,我可以循环遍历每个数据字段并将其提交到数据库。
正如我目前所了解的 AJAX 数据变量使用密钥对{ a : b }
wherea = return key
和b = return value
,我希望 PHP 能够访问该返回值并将其存储到一个可以在最后循环的数组中。目前,成功消息是在我的 AJAX 调用上触发的,但我无法访问 PHP 中的值,而是抛出“未定义的部分已定义索引”。
$section = array();
$setSection = $_POST['setSection'];
$section[] = $setSection;