如何捕获使用Javascript创建的DOM节点并使用JQuery AJAX和PHP保存在MySQL中

Question

I have a simply Javascript client script that consist of an an HTML button and when clicked it creates new DOM nodes, each with their own ID per an incrementing counter. For each click the dom node name ( div1, div2, div3, etc) gets pushed to an array that holds one div at a time.

When the user clicks #orange-button I want each DOM node to be stored to mysql via PHP for later recall.

Below is what I have thus far & I commented what I do not understand.

Javascript

var temp = [];

$('#orange-button').click(function(){
        $.ajax({
            type: 'POST',
            url: 'add.php',
            data: temp,             // Not sure if this is right !
            success: function(){
                $('#success').html();
            }
        });
    });

PHP

$gimme = $_POST[temp];   // Not sure how to do this line

$sql="INSERT INTO synths (domID)
VALUES ('{$gimme}')";

Answer 1

Assuming your "temp" variable will hold an array of IDs

$.ajax({
    type: 'POST',
    url: 'add.php',
    data: {mydata: temp},             // Pass the data as json
    success: function(){
        $('#success').html();
    }
});

$gimme = $_POST['mydata'];   // I called the POST variable "mydata"

foreach($gimme as $value){
    $sql="INSERT INTO synths domID = $value";
    //then execute it
}

Don't insert them all in one query. Instead do it in a loop.

But really should use PDO instead: http://wiki.hashphp.org/PDO_Tutorial_for_MySQL_Developers