如何将JQuery导入Typescript文件?

x33g5p2x  于2022-10-16 转载在 jQuery  
字(0.9k)|赞(0)|评价(0)|浏览(501)

在本文中,我建议用两种方法将JQuery库导入TypeScript文件。

方法1

如果您在项目中的某个位置包含了jquery库,那么代码行下面显示了如何将jquery导入TypeScript文件:

import { $ } from '../jquery-3.1.1';

方法2

您可以使用npm安装jquery,然后导入TypeScript文件,如下所示:
首先,使用以下命令安装jquery:

npm install @types/jquery --save-dev

现在,将jquery导入到一个TypeScript文件中:

import * as $ from 'jquery';

**示例:**此方法对我有效,以下是此方法的示例用法:

import * as $ from 'jquery';

export class Login {

    static readonly PARAM_USERNAME = "j_username";
    static readonly PARAM_PASSWORD = "j_password";


    login(loginId, password, sdkURL) {
        let data = {
            PARAM_USERNAME: loginId,
            PARAM_PASSWORD: password
        }
        this.loginService(data);
    };

    logout(loginId) {
        //
    };

    private loginService(data: any) {
        console.log("inside ajax - data :: " + data);
        $.ajax({
            method: 'POST',
            url: 'URL Here',
            data: data,
            async: false,
            contentType: "application/x-www-form-urlencoded",
            dataType: "json",
            success: function (response) {
                console.log(JSON.stringify(response));

            },
            error: function (response, status, error) {
                console.log(JSON.stringify(response));
            }
        });
    }
}

相关文章

微信公众号

最新文章

更多