2016-11-21 60 views
1

這裏我的動態腳本動態值:如何發送用ajax

<a href="inv-controller.php?res=yes&id_job=<?=$myjobs['id_job'];?>" class="btn btn-primary">Accept And Send Invite To All Students</a> 
<a href="inv-controller.php?res=no&id_job=<?=$myjobs['id_job'];?>" class="btn btn-default">Reject And Delete</a> 

從以上兩個環節有兩個動態參數,我想用Ajax調用發送我怎麼能做到這一點..?

有兩個按鈕接受和拒絕。 我可以用核心PHP做到這一點,我想這樣做,而不刷新頁面。

在這裏,我已經嘗試過。

<script type="text/javascript"> 
    function jobResponse(jobId){ 
     var jobid = $(jobId).attr('id'); // im confusing in this line 
     $.ajax({ 
      method: "POST", 
      url: 'inv-controller.php', 
      data: {action: "jobreplay", value: jobid}, 
      dataType: "json", 
      success: function(response) { 
       //blah blah blah 
      } 
     }); 
    } 
</script>  

我怎樣才能根據AJAX改寫兩個<a>標籤。

+1

你可以用HREF的JavaScript,就像'Reject And Delete)「' –

+0

會的工作刷新頁面,我怎樣才能得到答覆,無論是成功或不 –

+2

@CrisimIlNumenoreano你可以,但請不要。這不是90年代以上。使用不顯眼的事件處理程序 –

回答

3
<a href="javascript:;" class="btn btn-primary" onclick="jobResponse("yes",<?php echo $myjobs['id_job'];?>)">Accept And Send Invite To All Students</a> 
<a href="javascript:;" class="btn btn-default" onclick="jobResponse("no",<?php echo $myjobs['id_job'];?>)">Reject And Delete</a> 

並獲得功能像這樣

function jobResponse(type,jobId){ 

var frm_data = { type : type, 
       jobId : jobId 
       } 
    $.ajax({ 
     method: "POST", 
     url: 'inv-controller.php', 
     data: frm_data, 
     dataType: "json", 
     success: function(response) { 
      //blah blah blah 
     } 
    }); 
} 

你可以在你的ajax php文件得到。 frm數據作爲文章。

2

這將是更好地使用data-*屬性,如:

<a href="inv-controller.php" data-res="yes" data-job-id="<?=$myjobs['id_job'];?>" class="btn btn-primary inv-controller">Accept And Send Invite To All Students</a> 
<a href="inv-controller.php" data-res="no" data-job-id="<?=$myjobs['id_job'];?>" class="btn btn-default inv-controller">Reject And Delete</a> 

然後附上點擊事件鏈接ainv-controller類:

$('a.inv-controller').on('click', function(e){ 
    e.preventDefault(); 

    var res = $(this).data('res'); 
    var job_id = $(this).data('job-id'); 
    var url = $(this).attr('href'); 

    $.ajax({ 
     method: "POST", 
     url: url, 
     data: {action: "jobreplay", value: job_id}, 
     dataType: "json", 
     success: function(response) { 
      //blah blah blah 
     } 
    }); 
}) 

希望這有助於。

+0

'Delegated-events' ?爲什麼? – Rayon

+1

正確,更新了我的回答,恭喜你的介入。 –

1

你可以這樣做,看看參數的jobId傳遞給它的價值:JOBID

 <a href="javascript:jobResponse(<?=$myjobs['id_job'];?>)" class="btn btn-primary">Accept And Send Invite To All Students</a> 


<script type="text/javascript"> 
function jobResponse(jobId) { 
    $.ajax({ 
     method: "POST", 
     url: 'inv-controller.php', 
     data: { action: "jobreplay", value: jobId }, 
     dataType: "json", 
     success: function (response) { 
      //blah blah blah 
     } 
    }); 
}