如何将JQuery导入Typescript文件?

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

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

方法1

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

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

方法2

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

  1. npm install @types/jquery --save-dev

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

  1. import * as $ from 'jquery';

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

  1. import * as $ from 'jquery';
  2. export class Login {
  3. static readonly PARAM_USERNAME = "j_username";
  4. static readonly PARAM_PASSWORD = "j_password";
  5. login(loginId, password, sdkURL) {
  6. let data = {
  7. PARAM_USERNAME: loginId,
  8. PARAM_PASSWORD: password
  9. }
  10. this.loginService(data);
  11. };
  12. logout(loginId) {
  13. //
  14. };
  15. private loginService(data: any) {
  16. console.log("inside ajax - data :: " + data);
  17. $.ajax({
  18. method: 'POST',
  19. url: 'URL Here',
  20. data: data,
  21. async: false,
  22. contentType: "application/x-www-form-urlencoded",
  23. dataType: "json",
  24. success: function (response) {
  25. console.log(JSON.stringify(response));
  26. },
  27. error: function (response, status, error) {
  28. console.log(JSON.stringify(response));
  29. }
  30. });
  31. }
  32. }

相关文章

最新文章

更多