Javascript 将AJAX脚本转换为jQuery语法

我有一个简单的AJAX脚本，当选择菜单选项时，它从数据库查询PHP页面中的一些值，并将其插入表单中的元素中。我被要求将其转换为jQuery语法，以使其与站点的其余部分保持一致，但作为jQuery新手，我陷入了困境

下面是目前的表单元素：

模板A
模板A

函数getTemplate（str）{
如果（str==“”）{
document.getElementById（“messageBody”）.innerHTML=“”；
返回；
}
$.ajax({
数据类型：“json”，
url:“getTemplate？templateID=“+str，
方法：“张贴”，
成功：功能（数据）{
对于（变量i=0；i

如果希望所有代码都是jQuery样式：

$.ajax({
    method: 'POST', 
    url: 'getTemplate?templateID=' + str,
    dataType: 'json'
}).done(function(data) {
    $(data).each(function() {
        $("#messageBody").html(this.templateBody);
        $("#emailSubject").val(this.templateSubject);
    });
});

---

你被什么卡住了？你知道你覆盖了循环中的

innerHTML

和

value

吗？这不是“AJAX脚本”，而是JavaScript使用本机JavaScript而不是框架（如jQuery）执行AJAX请求。我建议阅读jQuery文档，它非常好，可能有数千个jQuery教程和数百万个示例。你的问题是什么？

$.ajax({
    method: 'POST', 
    url: 'getTemplate?templateID=' + str,
    dataType: 'json'
}).done(function(data) {
    $(data).each(function() {
        $("#messageBody").html(this.templateBody);
        $("#emailSubject").val(this.templateSubject);
    });
});