javascript初心者です(主にはperlを使っています)。
ajaxに手をだしたところ、perlとの変数の取り扱い方が基本的なところで違っていて戸惑っています。
例えばperlの場合、タグ内の変数(例えば$msg)は、ホームページで表示する際は、その内容が展開表示されるので、
javascriptでも、変数(例えばmsg)を、それと同様に扱ったところ、全く展開表示されずに困っています。
javascriptで変数(例えばmsg)の内容を、htmlタグ内で表示させるには、どうしたらよいのか教えて下さい。
(あれこれ検索してみましたが、何故か、その方法が見つかりませんでした)
具体的には、、、、、
(以下のソース参照)
「チェック」ボタンをクリックしたら、それをきっかけにして、外部プログラムが起動し
そこからの返答として、javascriptの変数msgの中に
「exist」もしくは「noexist」が代入されて返ってきます。
それに基づき、javascriptの変数 resultの中に「有 msg」又は「無 msg」が代入され、
それが、<div id="note$id"></div>の部分に表示されます。
が、その際、変数msgの内容を表示させたいのですが、それができません。
例えば
result = '有 document.write(msg);';
とやったのですが、それでも表示されません。
msgの内容をHTMLタグ内で表示させる方法を教えて下さい。
よろしくお願いします。
---------------------------------------------
実際のソース(肝心な部分だけを抽出)
---------------------------------------------
<header部分>
<!-- JQuery -->
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
<!--
// When DOM is ready
$(document).ready(function(){
// ------- Form -------
$("input").click(function(){
id2= $(this).attr("class");
sharpform="#form";
sharpfields="#fields";
sharpnote="#note";
formid = sharpform + id2;
fieldsid= sharpfields + id2;
noteid= sharpnote + id2;
$(formid).submit(function() {
var str = $(this).serialize();
$.ajax({
type: "POST",
url: "./外部ブログラム名.cgi",
data: str,
success: function(msg) {
// Message Sent? Show the 'Thank You' message and hide the form
if(msg == 'exist') {
result = '有 msg';
$(fieldsid).hide();
} else if(msg == 'noexist') {
result = "無 msg";
$(fieldsid).hide();
} else {
result = msg;
}
$(noteid).html(result);
}
});
return false;
});
});
});
-->
</script>
---------------------------------------------
<body部分>
<div id="note$id"></div>
<div id="fields$id">
<form id="form$id" method="post" action="">
<input type="hidden" name="method" value="post">
<input type="hidden" name="check" value="$check">
<input type="submit" value="チェック" class="$id"/>
</form>
</div>
※html表示時には、$idには、1や2等の数字が入って表示されます。
---------------------------------------------
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
removeEventListenerについて
-
クリックで色変更後に既に変更...
-
読み込んだQRコードをフォーム...
-
表示・非表示のスクリプトで、...
-
マウスを乗せるとメニュー表示
-
バッチファイルでカウントアッ...
-
removeAttribute()メソッドで削...
-
タブで開いてさらにタブ内をア...
-
console.log結果をhtmlで表示し...
-
折りたたみ部分にアンカーでリ...
-
createElementで作成した要素を...
-
多次元配列を連想配列へ変換したい
-
HTMLタグに複数のクラスを設定...
-
取得した要素がインライン要素...
-
javascriptでスタイルを動的に...
-
getElementByIdの戻り値がnull...
-
document.getElementById( ).st...
-
CSSで指定したwidthをマウスで...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
IFRAMEの表示/非表示を切り替え...
-
タブで開いてさらにタブ内をア...
-
変数名をどのようにつけるのが...
-
クリックで色変更後に既に変更...
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
console.log結果をhtmlで表示し...
-
jQueryでクリックされた要素のi...
-
HTMLタグに複数のクラスを設定...
-
指定したパスが現URLに含まれて...
-
iframe内のリンクが飛ばないの...
-
背景色を透明化
-
テキストエリア内の一部の文字...
-
変数内容をHTML内で表示する方法
-
classの中の<a>タグにidを追加
おすすめ情報