2017-07-24 81 views
0

我想通过ajax发布一些数据到php。我有问题是原始数据通过一些Java被拉入,这样的:jQuery ajax发布数据到PHP

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); 

当我再尝试,并更新浏览器这个内容(通过一种形式),只有原来的数据是越来越调回而不是更新的数据。

这里是我的AJAX发布数据:

$(".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); 
     } 
    }) 
}); 

没有任何理由的背后呢?

+1

你的'type'是'post'。但你在'url'属性中使用参数。为什么不使用数据属性? – gkalikapersaud

+0

当你打电话给第一个活动? –

+0

@TamilvananN第一个活动是页面加载数据的设置 – danyo

回答

1

您将type设置为“post”,但将数据发送为“get”;改变你的Ajax,更新“url”像这样添加“数据”:

$(".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); 
     } 
    }) 
}); 
+1

@Santi现在可以吗? ;) – aidinMC