大阪市中央区 システムソフトウェア開発会社

営業時間:平日09:15〜18:15
MENU

JavaScript, JQueryの学習

株式会社クローバーフィールドの経営理念
著者:津路高広
公開日:2021/12/11
最終更新日:2021/12/11
カテゴリー:技術情報
タグ:

津路です。
最近は、Webプログラミングに少し入っています。
その過程で、JavaScriptを書こうとして、サンプルを動かしてみて、まったく動かず、Time Spentしてしまいました。

htmlからphpプログラムを呼び出して、現在日付を取得して、その結果をページに表示する、という簡単な仕組みです。

PHP側

この状態でページをデバッグすると、
Uncaught TypeError: $(…).load is not a function
というエラーです。
調べると、このコーディングは、2014年ごろのものです。

ですので、jquery側のプログラムを変更しようとして、調べました。
最初は、さっぱりわかりませんでした。
基礎からというわけで、
$(“#button”).on(“click”, function(){
var newText = $(“#text”).val();
$(“#string”).text(newText);
});
や、

をあるページからいただいて、実行OK. jqueryのslim版ではエラーとなるので、通常版にしたり。

そして、次のコーディングにしてOK.

ローカルで実行すると以下のエラーが出ます。サーバーで実行します。

やっとできました。

    上に戻る