从HTML创建数组以通过AJAX发送

时间:2015-11-06 16:47:24

标签: javascript php jquery ajax

我有一个异常艰难的时间。如果我的表格看起来像这样

HTML

const geometry = new THREE.PlaneBufferGeometry( 15, 15, 1 );

我想要发生的是,当我点击按钮提交表单时,我希望在 span 中创建一个不同元素的数组,以便可以通过AJAX发送它来处理用PHP。你怎么建议我这样做?

此外,此信息将根据用户操作以此形式动态创建。它们都将是跨越的,但将包含或多或少相同的属性,并附加一个值。这个想法是让php接收数组并根据属性" changeType"说,它将生成SQL脚本来执行该操作。我也可能需要帮助。

我所有的javascript。我没有关于制作数组的任何内容,这就是我需要帮助的内容。上面的HTML是一个示例输出,但生成信息的其中一个函数生病了。 :

的Javascript

<form id='logForm' method='post' action='seatingProcess.php'>

<span class='close' style='display:none' id='255' desk='9-4' deskval='2-3' changeType='REMOVE'></span>
<span class='close' style='display:none' id='255' desk='7-4' deskval='5-3' changeType='ADD'></span>
<span class='close' style='display:none' id='255' desk='8-4' deskval='8-3' changeType='CHANGE'></span>

<div class='btn btn-primary' type='submit' id='submit'>Submit</div>
</form>

提前致谢

1 个答案:

答案 0 :(得分:0)

您可以遍历跨度并创建数组。

var spans = $('#logForm span');
var data = [];

 $.each(spans, function(i, item){
     var newItem = {};
     newItem.id = $(item).attr('id');
     newItem.desk = $(item).attr('desk');
     newItem.deskval = $(item).attr('deskval');
     newItem.changeType = $(item).attr('changeType');

     data.push(newItem);
 });