2017-07-24 118 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