how to post data stored in an input tag using jquery ajax

Question

An initial ajax event saves a unique numerical ID into the value attribute of the following input tag:

 <input class="avatar-id" id="avatar-id" name="id" value="">

I would like to use jquery ajax to send this value to a php script named delete_list.php. I think I am incorrectly using the jquery ajax DATA setting here to pull the value out:

$("#dformclose").click(function() {
if (confirm("Are you sure you want to cancel this? Your image and any information in this form will be deleted")) {
    var id = id;
        $.ajax({
            type: "POST",
            dataType:"html",
            url: "delete_list.php",
            data: "#avatar-id.attr(value.id)",
            success: function(response) {
              location.reload(true);
            }
        });
    }
         else 
      { 
    return false;
 }
});

How can I correctly use this script to process the ID on the php end?

Its not secure to delete some data over javascript post request — max li
– max li, Commented Jan 7, 2015 at 3:31

ilia · Accepted Answer · 2015-01-07 03:28:39Z

1

var idValue = $('#avatar-id').val();

$.ajax({
    type: "POST",
    dataType:"html",
    url: "delete_list.php",
    data: {id: idValue},
    success: function(response) {
      location.reload(true);
    }
});

answered Jan 7, 2015 at 3:28

ilia

1,3232 gold badges18 silver badges37 bronze badges

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

1 Comment

rhill45 Over a year ago

it appears the whole ajax call isnt running. the file delete_list doesn't show up in my consul log using my Browser dev tool

Rafael · Accepted Answer · 2015-01-07 03:27:11Z

0

Simply,

jquery

data: $('input#avatar-id').val(),

php

To access in php use $_POST['id']

answered Jan 7, 2015 at 3:27

Rafael

7,79613 gold badges36 silver badges49 bronze badges

Collectives™ on Stack Overflow

how to post data stored in an input tag using jquery ajax

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related