javascript - 从原型(prototype)转换为 jQuery - javascript/ajax

Question

我正在寻求一些帮助，将其从原型(prototype)转换为 jQuery。我正在为一家慈善机构做一些免费工作，并更新他们用来跟踪和分配志愿者的系统。到目前为止，我已经成功地转换了其他所有内容，但是，这让我感到困惑。请原谅拼写错误，代码是我得到的逐字记录。

我看过http://docs.jquery.com/Ajax/jQuery.ajax但无法将涵盖所有不同部分的所有内容放在一起。通常情况下，最终都会出现某种困惑的情况。

我有一个包含很多复选框的页面，如下所示:

<input <?PHP echo $checked; ?> type='checkbox' onclick='toggle_advisor_assignment_mark("<?PHP echo $advisor['id']; ?>", "<?PHP echo x('case_id'); ?>");' />

当选中或未选中(视情况而定)时，ajax 用于调用 php，该 php 使用顾问 id 和案例 id 来分配或删除顾问/志愿者，并返回 div 的输出(称为 adviors_box )列出当前的顾问/志愿者。

JavaScript 代码:

function toggle_advisor_assignment_mark(id, case_id)
{
new Ajax.Updater('adviors_box', 'index.php', {
evalScripts: true,
method: 'POST', 
parameters: 'task=case_change_advisors&ajax_mode=yes&id='+id+'&case_id='+case_id
});
}

预先感谢您的帮助。

Answer 1

您可以在对象字面量中使用key: value 对作为加载函数的第二个参数。此外，如果有任何数据作为第二个参数传入，请求将自 Action 为 POST 请求发送:

function toggle_advisor_assignment_mark(id, case_id) {
    $('#advisors_box').load('index.php', {
        task: 'case_change_advisors',
        ajax_mode: 'yes',
        id: id,
        case_id: case_id 
    });
}

有关此内容的更多信息，请访问 jQuery Docs for the load function