2016-09-11 11 views
0

ページ全体を更新せずにフォームを送信すると、自分のウェブページのテキストエリアを更新しようとしています。AJAX:リロードせずにページ上のテキストエリアを更新

$("#db_info").load(document.location.href + ' #db_info'); 

が、私はちょうどテキストエリア内のテキストを更新するのではなく、フォームを送信するとき、それはそれの内側に新しいネストされたテキスト領域を作成し、それが空白で表示させることを:私はこのようなAJAXを使用して試してみました。ページを完全に再読み込みせずにテキストエリアを更新するにはどうすればよいですか?

編集: 私はそれを最終的に考え出しました。私は何を使用することです:

$.get("", function(data){ 
    document.getElementById("db_info").innerHTML = $(data).find('#db_info').html(); 
}); 
+0

このjQueryのフォームプラグインは役立つかもしれない:HTTP ://malsup.com/jquery/form/ –

答えて

2

は、私は本当にあなたの質問を理解していなかったが、あなたは、あなたがこれを行う必要がありtextareaの値を変更する場合:

$("textarea#textareaid").val(value); 
+0

AJAXには '.load'関数があります。それは、ページ全体をリフレッシュすることなく、ページ内の何かの値をidから変更します。 '$("#db_info ").load'はidが' db_info'のテキストエリアの値を変更しようとしています。 2番目の部分: '(document.location.href + '#db_info')'は、テキスト領域の内部に配置されます。 Webページを引数として取りますが、IDでWebページの一部に絞り込むことができます。私はそれを使用しようとすると、元のテキストエリア内にテキストエリアを挿入して入れ子にし、何も表示されないようにします。 – connorb08

+0

これは、$( "#textareaid")のような未知のバグのため、私を大きく助けました。 $( "textarea#textareaid")を使用してください(text()またはval()を無視して)リフレッシュしていませんでした。 –

関連する問題