如何将简单的Ajax转换为TypeScript?

时间:2017-07-20 15:40:22

标签: javascript jquery ajax typescript

我有一个使用Ajax的简单JavaScript代码。我想将此ajax查询转换为TypeScript以获得更多面向对象的视图。使用类和方法以及硬数据类型(类似于Java: - )。

如果可行的话,帮我翻译一下:

$(document).ready(function() {
    $('#my-viewscope').click(function() {
        $ajax({
            url: 'get_data_servlet',
            type: 'post',
            dataType: 'json',

            success: function(response) {
                $.each(response, function(key, value) {
                    console.log(value);
                });
            }
        })
    })
});

1 个答案:

答案 0 :(得分:0)

一篇简单但略显过时的文章解释了如何在TypeScript类中包装API调用的基础知识。注意Customer类,它包含四个函数 - SelectAll(),Insert(),Update()和Delete(),它们使用jQuery调用各自的Web API方法,同时保持类型检查(唉,我曾经是一个学习动态类型Javascript时遇到同样问题的Java开发人员: