ハイパーリンクから Ajax 呼び出しを行う方法はありますか?
誰かが JavaScript を使用してハイパーリンクをクリックしたときに、div 要素の内部 html を変更したいと思います。
ハイパーリンクから Ajax 呼び出しを行う方法はありますか?
誰かが JavaScript を使用してハイパーリンクをクリックしたときに、div 要素の内部 html を変更したいと思います。
Ajax は「JavaScript でできること」にすぎません
ハイパーリンクには、他の HTML 要素と同様にイベント ハンドラーをバインドできます。
var links_in_document = document.getElementsByTagName('a');
var a_link = links_in_document[0];
a_link.addEventListener('click', a_function_that_does_something_ajaxy);
function a_function_that_does_something_ajaxy(e) {
var xhr = new XMLHttpRequest();
// etc
e.preventDefault();
}
注: このコード サンプルには、標準をサポートしていないブラウザ用の互換性ルーチンは含まれていません。いくつかを追加する必要があります (ターゲットとするリンクを決定するためのより賢明な方法と共に)。
<a href="javascript:yourAjaxFunctionName();">click</a>