使用jQuery和AJAX调用的最佳实践

Question

我对使用jQuery/JavaScript/Ajax时的最佳实践有疑问.让我们说我有一些任务,每个任务都有一个日历.用户可以单击任务日历中的某一天,并通过AJAX在特定日期预订任务.我必须在某处存储任务的日期和ID,我正在使用非常奇怪的ID,例如:

<span class="day_field" id="date_13-02-2013_task_4">13.02.2013</span>

然后我只是附上一个这样的听众:

$('.day_field').on('click',function(){
    var date = $(this).id.split('_')[1];
    var task_id = $(this).id.split('_')[3];
    //place for some validation
    $.post('book_task.php',{task_id: task_id, date: date},function(data){
        //something cool with the result
    });
});

我的问题是:这是正确的方法吗？我不太确定,因为ID可能非常长+它在数据库中包含ID,这根本不可能保存.

谢谢!T.

Answer 1

使用HTML5数据属性:

<span class="day_field" data-date="13-02-2013" data-task="4">13.02.2013</span>

$('.day_field').on('click',function(){
    var date = $(this).data("date");
    var task_id = $(this).data("task");
    //place for some validation
    $.post('book_task.php',{task_id: task_id, date: date},function(data){
        //something cool with the result
    });
});