Jquery-Uncaught ReferenceError: $が定義されていないエラー
2022-02-15 16:18:21
私のjspページには、次のようなjsコードがあります。
//loading data
$(document).ready(function() {
var param={};
param.page=3;
param.size=10;
$.post(home+"/user/queryAllInfo",param,
function(result)
{
if(result ! =null && result.success)
{
var obj =result.rows;
for ( var i = 0; i < obj.length; i++) {
var user =obj[i];
var tr = "<tr><td>"
+ user.MEMBERNAME
+ " </td> <td>"
+ user.ACCOUNTNUMBER
+ " </td> <td>"
+ user.AGE
+ " </td> <td>"
+ user.GENDER
+ " </td> <td>"
+ user.BIRTHDAY
+ " </td> <td>"
+ user.MEMBER_LABEL
+ " </td>";
$(".userTable").append(tr);
}
}else
{
alert(result.msg);
}
},"json"
);
});
function onOK()
{
alert("OK? ");
$("#loaddiv").text("ok");
}
このページにアクセスすると Google ChromeはF12を押すと、Uncaught ReferenceError: $ is not definedエラーとなり、$(document).ready(function() {がエラーになっているこの行であることを示唆するメッセージが表示される。
推測:1.導入したjquery.jsファイルのバージョンの不一致と思い、置き換えてもエラーが発生した。
2. インポートした他のjsファイルによるコンフリクトが発生していると思われます。
3. jquery.js ファイルのパスが正しくありません。
<スパン 4. jsファイルの読み込み順序に問題があり、jquery.jsを再度最初に置く。
上記の方法のうち、いくつかの方法はまだエラーを表示します。
そして、$("#loaddiv").text("ok")でページにonOK()イベントを追加しました。これは問題なく動作することが分かったので、jquery.jsのエラーではないと思います。
<スパン onOk関数にコードを入れる:ここ
function onOK()
{
alert("OK? ");
var param={};
param.page=3;
param.size=10;
$.post(home+"/user/queryAllInfo",param,
function(result)
{
if(result ! =null && result.success)
{
var obj =result.rows;
for ( var i = 0; i < obj.length; i++) {
var user =obj[i];
var tr = "<tr><td>"
+ user.MEMBERNAME
+ " </td> <td>"
+ user.ACCOUNTNUMBER
+ " </td> <td>"
+ user.AGE
+ " </td> <td>"
+ user.GENDER
+ " </td> <td>"
+ user.BIRTHDAY
+ " </td> <td>"
+ user.MEMBER_LABEL
+ " </td>";
$(".userTable").append(tr);
}
}else
{
alert(result.msg);
}
},"json"
);
$("#loaddiv").text("ok");
}
先ほどのUncaught ReferenceError: $ is not definedのエラーのかわりに 406 (受け付けられません) Baiduで406 (Not Acceptable)を調べた結果、@ResponseBodyがコントローラ制御層で使われていることに気づきました。 オブジェクトをjson形式に変換する必要があり、変換依存のjarパッケージが足りず、後から jackson-xc-1.8.3.jar , jackson-mapper-asl-1.9.2.jar jackson-core-asl-1.9.2.jar , jackson-jaxrs-1.8.3.jar , json-lib-2.4-jdk15.jar これらのパッケージで、プログラムは正常に動作するようになりました。
json パッケージのダウンロード: http://download.csdn.net/detail/u013147600/9023171
関連
-
[解決済み】Uncaught SyntaxError: JSON.parseで予期しないJSON入力の終了(<匿名>)
-
[解決済み] Ajaxでコンソールエラー。ReferenceError: $ が定義されていない
-
[解決済み] 終端せずの文字列定数 javascript
-
[解決済み] 変数宣言と変数の束縛は同じですか?
-
[解決済み] jQueryを使用してonClickイベントを動的に追加する
-
[解決済み] TypeError: $(...).DataTable は関数ではありません。
-
[解決済み] 警告: Connect.session() MemoryStore は、メモリリークが発生し、単一プロセスを超えて拡張できないため、実稼働環境向けに設計されていません。
-
[解決済み] javascriptで、"/"を "シングルスラッシュ/"に置き換える。
-
CSVから配列、CSVからJSON(JS+PHPデュアルバージョン)
-
Uncaught SyntaxError: 位置0にあるJSONの予期しないトークン<
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】webpack: モジュールが見つかりません。Error: 解決できない(相対パスで)
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み] google chrome extension :: console.log() from background page?
-
[解決済み] TypeError: document.getElementbyId is not a function [closed].
-
[解決済み] Yarnでパッケージをインストールする際、「incorrect peer dependency」とはどういう意味ですか?
-
[解決済み] jQueryがajaxリクエストに対して "parsererror "を返す
-
[解決済み] AngularJSで「未定義のプロパティ 'slice'を読み取れません」というカスタムフィルタが発生する。
-
[解決済み] エラーです。Uncaught ReferenceError: Reactは定義されていません。
-
[解決済み] Express.jsのres.sendとres.jsonの違いについて
-
非捕捉(プロミス内)DOMExceptionエラー