How do I submit a POST variable with Javascript?

Question

So I am trying to submit a variable and the name of the variable via a form. I switched a button from submit to button because I need additional validation.

Anyway, here's the button now:

<button type="button" onclick="subForm()" name="del" id="deletebutton" value="'.$org.'">Delete</button>

Here's my current validation:

<script type="text/javascript">
function subForm() 
{
    if(confirm("Are you sure you want to delete this?"))
        document.forms["addorg"].submit();
   else
       return false;

}
</script>

And here's my script on the other side:

if (isset($_POST["del"])  && ($_POST['del'] !== '')) {
    $del = mysql_real_escape_string(html2txt($_POST['del']));
    $resfile = mysql_query('SELECT file_loc from organization WHERE org_id = '.$del);
    $org_name = mysql_real_escape_string(html2txt($_POST['orgname']));

    if (!$resfile) 
        header('Location: '.$admin.'?error=query');

    while ($filerow = mysql_fetch_array($resfile)) {
        $fileplace = $filerow['file_loc'];
        unlink(".".$fileplace);
        rmdir($org_name);
    }

    mysql_query("DELETE from organization where org_id='".$del."'");
    header('Location: '.$admin);
}

It is not currently deleting the records that I want. How do I pass along the "del" name to the other page?

Show more of your HTML. Is your <button> inside a <form>? — Michael Berkowski
– Michael Berkowski, Commented Jan 31, 2012 at 18:21
you can revert back to a submit input and attach an event to the onsubmit of the form. no need to use a button. — yoavmatchulsky
– yoavmatchulsky, Commented Jan 31, 2012 at 18:23
I did that originally, Yoa, but I've got another button, and I can't figure out how to make a script that will detect the difference between the two buttons. — Steven Matthews
– Steven Matthews, Commented Jan 31, 2012 at 18:26

CodeZombie · Accepted Answer · 2012-01-31 18:31:15Z

3

You can use <input type="hidden">:

echo '<input type="hidden" name="org_id" value="'.$org_id.'" />'

This should render something like:

<input type="hidden" name="org_id" value="1" />

Using this code you can access the hidden field data using:

$org_id = $_POST['org_id'];

edited Jan 31, 2012 at 18:31

answered Jan 31, 2012 at 18:26

CodeZombie

5,3753 gold badges32 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Johnny Craig · Accepted Answer · 2012-01-31 18:32:50Z

1

instead use onsubmit

<form method='POST' onsubmit='return subForm();'>

and

<script type="text/javascript">
function subForm() 
{
        if(confirm("Are you sure you want to delete this?"))
            return true;
       else
           return false;

}
</script>

edit: you can also change

if (isset($_POST["del"])  && ($_POST['del'] !== '')) {

to

    if ( !empty($_POST['del']) ) {

but i think this line is your problem

$resfile = mysql_query('SELECT file_loc from organization WHERE org_id = '.$del);

try

$resfile = mysql_query("SELECT file_loc from organization WHERE org_id = '".$del."' ");

edited Jan 31, 2012 at 18:32

answered Jan 31, 2012 at 18:27

Johnny Craig

4,9902 gold badges28 silver badges28 bronze badges

2 Comments

Steven Matthews Over a year ago

I am already using onsubmit, but I have two buttons and need to distinguish between the two of them.

Johnny Craig Over a year ago

put one of the buttons after the </form> tag, then it will not submit the form

greener · Accepted Answer · 2012-01-31 18:26:56Z

0

Looking at http://www.w3schools.com/tags/tag_button.asp suggests that the 'name' of a button isn't submitted as opposed to its 'value' or 'text'. Why not use an input of type hidden as just suggested?

answered Jan 31, 2012 at 18:26

greener

5,06913 gold badges56 silver badges98 bronze badges

2 Comments

calebds Over a year ago

note w3fools. try MDN

Travesty3 Over a year ago

@paislee: Never knew about that site until now, but it seems like they're being a bit over-dramatic about most of their issues. They make it seem like w3schools.com is completely useless and everyone should avoid it or they will form the worst habits ever practiced, but then it complains about things like "The example above will work in most browsers, but don't rely on it. Forgetting the end tag can produce unexpected results or errors" just because they didn't mention that the end tag in <p> is optional? Give me a break. Plenty of professionals have started from w3schools.com and been fine.

Travesty3 · Accepted Answer · 2012-01-31 20:21:51Z

I suggest you rethink using a form at all and consider AJAX. This would solve the problem of knowing which button was clicked and the page doesn't need to reload.

Here is a sample of what you're trying to do:

<html>
<head>
    <script type="text/JavaScript">
        var xmlhttp;
        if (window.XMLHttpRequest)
            xmlhttp=new XMLHttpRequest();
        else
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

        function deleteOrganization(orgID)
        {
            xmlhttp.onreadystatechange = function()
            {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
                {
                    // in your PHP file, have it echo something like "SUCCESS" or "FAIL", and the response will be alerted here
                    alert(xmlhttp.responseText);
                    refreshList();  // either call another function to update the list or return the new list after the success/fail response.
                }
            };
            xmlhttp.open("GET", "delete.php?orgID="+ orgID, true);
            // OR - xmlhttp.open("GET", "page.php?action=DELETE&orgID="+ orgID, true);
            xmlhttp.send();
        }

        function refreshList()
        {
            // either delete the row with JavaScript or make another AJAX call to get the new list after the entry was deleted.
        }
    </script>
</head>
<body>
    <button onclick="deleteOrganization('<?php echo $org; ?>')">Delete</button>
</body>
</html>

Collectives™ on Stack Overflow

How do I submit a POST variable with Javascript?

4 Answers 4

Comments

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related