2016-08-19 118 views
2

TypeScriptプロジェクトにjQuery型をインストールしました。 VSコードにコンパイルエラーなしで$ .ajax(...)を入力できます。しかし、localhostでチェックすると、 "$が定義されていません"というエラーが表示されます。 jQueryをインポートすることで修正しようとしました。TypeScriptでjQuery(ajax)を使用する

import * as jQuery from "jquery" 

私は同じ方法でexpressをインポートして動作します。

「jquery」と入力するとVSコードでは、VSコードはメソッド呼び出しとして "ajax"を自動的に提案します。したがって、私のインポートについて知っています。しかし、私は再びlocalhostでチェックすると、jquery.ajaxは関数ではないことがわかります。

私のテストAJAX呼び出し:

jquery.ajax("test.html", { 
      success: function() { 
       alert("success"); 
      }, 
      error: function() { 
       alert("error"); 
      } 
     }); 

がどのように活字体でjQueryを使ってAjaxの呼び出しを行うことができますか?

+0

あなたのHTMLにはおそらくjQueryスクリプトは含まれていません。 –

答えて

1

TypeScriptには、特定のJavaScript(ではなく、 TypeScript)ファイルとやりとりするのに安全な方法を入力するだけです。それらはC++のヘッダファイルに似ています。実際には、関連するコードを何らかの方法でページにインポートする必要があります。そうするための基本的な方法は、あなたのHTMLの<head>にこのような何かを追加することです:

<script src="scripts/jquery.js"></script> 

あなたは、CommonJSまたはAMD(自分で設定しなければならない何か)のようなモジュールシステムを使用していない場合importステートメントを削除することをお勧めします。混乱する可能性があります。

関連する問題