Transfert of an array on js on post

JavaScript
1

please help
i don’t understand why my post dont work

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Document sans nom</title>
    </head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <html>
        <body>
            <form method="post">
                <table  border="0">
                    <tr><td>
                            <select name="drop1" id="lstBox1" size="4" style="width:100%;height : 200px">
                                <option value="first">first option</option>
                                <option value="second">sec option</option>
                                <option value="third">third option</option>
                                <option value="fourth">fourth option</option>
                                <option value="fifth">fifth option</option>
                                <option value="sixth">six option</option>

                            </select>
                        </td></tr>
                    <tr><td>
                            <input type="button" id="add" value=">>" style="display:block;" />
                        </td></tr>
                </table>
                <table id="myTable" border="1">
                    <tr><th>Produit</th><th>Quantite</th></tr>

                </table>
                <input type="button" value="ok" id="ok" /></form>
            <br />
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#add').click(function(e) {
                        var selectedOpts = $('#lstBox1 option:selected').val();
                        var selectedOpts1 = $('#lstBox1 option:selected').text();
                        //alert(selectedOpts);
                        if (selectedOpts.length == 0) {
                            alert("Nothing to move.");
                            e.preventDefault();
                        }

                        document.getElementById("myTable").insertRow(-1).innerHTML = "<td class='prdt'>" + selectedOpts1 + "</td><td class='qt'><input type='number' class='quantite'></td>";
                        //$('#myTable').append($(selectedOpts).clone());
                        //$(selectedOpts).remove();
                        $('#lstBox1 option:selected').remove();
                        e.preventDefault();
                    });
                    $('#ok').click(function(e) {
                        var table = $('#myTable tr');
                        var trCount = table.length;  //count tr
                        //alert('trcount='+trCount);
                        var a = [];


                        $('#myTable td ').each(function() {
                            //  var tdID=$(this).attr('id'); //get id
                            var tdcontent = $(this).text(); //get content
                            // var quantite=document.getElementById("quantite").value;
                            var quantite = $(this).parent().find('.quantite').val()
                            //alert(quantite);
                            a.push(tdcontent);
                            a.push(quantite);
                            // alert('id='+tdID);
                            //  alert('content='+tdcontent);
                            //alert('quantite='+quantite);

                        });
                        alert(a.join(""));
                        // var st = JSON.stringify(a);
                        //var dataString = 'a='+ a;
                        //var produit = "sss";

                        $.ajax({
                            type: 'POST',
                            url: 'test2.php',
                            data: { name: "John", location: "Boston" },
							
                            success:
                                    function() {
                                        //$('#resultat').html(data);
                                        alert("sucess");
                                    },
                           error: function() { alert("erreur"); }
                        });
                    });
                });

            </script>
        </body>
    </html>
</body>
</html>
2

Hi,

Welcome to the forums :slight_smile:

The first thing that I notice is that you have two <html> and two <body> tags.

Try fixing the markup and see if that helps.

3

It doesn’t work

this one also i don’t know what :cry:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
    <head profile="http://gmpg.org/xfn/11">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>jQuery AJAX arrays</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.js"></script>
        <script type="text/javascript">
                sendAjax = function(){
    var data = {
                  foo:  123,
                  bar:  456,
                  'rows[0][column1]':    'hello',
                  'rows[0][column2]':    'hola',
                  'rows[0][column3]':    'bonjour',
                  'rows[1][column1]':    'goodbye',
                  'rows[1][column2]':    'hasta luego',
                  'rows[1][column3]':    'au revoir',
                  'test1[test2][test3]': 'baz'
                };
    $.ajax({
            type:           'post',
            cache:          false,
            url:            'test2.php',
            data:           data,
			success: function (data) {
    //function to handle the response
	alert("suces");}
           });
}
        </script>
    </head>
    <body>
        <input type="button" style="width: 130px; height: 60px" value="send AJAX" onclick="sendAjax();" />
    </body>
</html>
4

Do you see any errors in your browser’s console?