jQuery ajax posting data to php

Question

I am trying to post some data via ajax to php. The issue i have is the original data is pulled in via some java, like this:

var taskID = jQuery(this).attr('data-id');
var taskTitle = jQuery(this).attr('data-title');
var taskContent = jQuery(this).attr('data-content');
jQuery('.task_title').val(taskTitle);
jQuery('.task_description').val(taskContent);

When i then try and update this content in the browser (via a form), only the original data is getting posted back, and not the updated data.

Here is my ajax to post the data:

$( ".saveTaskEdit" ).click(function(event) {
    var ta = $('.task_title').val();
    var da = $('.task_description').val();
    var taskID = $('.editTaskPanel').attr('data-id');

    $.ajax({
        type: "post",
        url: "task-edit.php?t="+ ta + "&d=" + da + "&id=" + taskID,
        contentType: "application/x-www-form-urlencoded",
        success: function(responseData, textStatus, jqXHR) {
            jQuery('p.status').text('Task Saved');      
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    })
});

Is there any reason behind this?

your type is post. yet you are using parameters in your url property. why not just use data property? — Gavindra Kalikapersaud
– Gavindra Kalikapersaud, Commented Jul 24, 2017 at 17:13
@TamilvananN first activity is the setting of the data on page load — danyo
– danyo, Commented Jul 24, 2017 at 17:16
Have you checked the values before sending into the ajax method ? — Tamilvanan
– Tamilvanan, Commented Jul 24, 2017 at 17:20
It seems like you're mixing GET and POST. Appending parameters to a URL is how you send via GET - to send as POST you'll likely want an object which you'd pass as the data parameter. See here for more information. — Tyler Roper
– Tyler Roper, Commented Jul 24, 2017 at 17:21

aidinMC · Accepted Answer · 2017-07-24 19:20:25Z

1

You set type as "post" but send data as "get"; change your ajax , update "url" add "data" like this:

$( ".saveTaskEdit" ).click(function(event) {
    var ta = $('.task_title').val();
    var da = $('.task_description').val();
    var taskID = $('.editTaskPanel').attr('data-id');

    $.ajax({
        type: "post",
        data: { "t":ta,"d":da,"id":taskID},
        url: "task-edit.php",
        contentType: "application/x-www-form-urlencoded",
        success: function(responseData, textStatus, jqXHR) {
            jQuery('p.status').text('Task Saved');      
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log(errorThrown);
        }
    })
});

edited Jul 24, 2017 at 19:20

answered Jul 24, 2017 at 18:42

aidinMC

1,4363 gold badges22 silver badges38 bronze badges

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

1 Comment

aidinMC Over a year ago

@Santi is it ok now ? ;)

Collectives™ on Stack Overflow

jQuery ajax posting data to php

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related