AjaxとSetTimeOut

Question

現在、KeyupイベントからのAjax処理をする際に、"一度keyupされてから数秒後にAjax処理をさせる"というコードを書いてるのですが、Settimeoutがうまく動いてくれません。

こういった場合どのようにしてAjaxの遅延処理を実現すればいいのでしょうか。

追記でコードを記載しました。

おおよそ下記のようにしています。

setTimeout(function(){
var text = $("#A").val();
if(text == 0){
}
else{
$.ajax({
	type: "GET",
	async: true,
	url: "search.php",
	data: {search:$(this).val()},
	cache: true,
	success: function(html) {
		$("#B").html(html);
	}
	});
}
},1000);

Comments

[kei344]

「うまく動作しません」とはどのような状況でしょうか。出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。

Answer 1

どういうコードを書いたのかを記述してもらわないと返答しづらいのですが、

var tid = null;
elm.onkeyup = function(evt) {
  tid && clearTimeput(tid);
  tid = setTimeout(ajaxProc, 3000);
}

function ajaxProc() {
//...
}

といった感じに記述すればいいのでは？

Comments

[Hauston]

Cannot read property 'toLowerCase' of undefined
上記のエラーが出てしまうようです。
大文字小文字変換のjsのようですが、なぜこのようなエラーが出るかわかりません。
このまま調べてみることにします。

Answer 2

できました。

Cannot read property 'toLowerCase' of undefined

上記の現象についてはいろいろ調べてみましたが、日本語サイトには載っておらず、海外サイトにのみ解決策が多数掲載されていました。

正直読んでみてもなぜ解決できるのかはわかりませんでした。

Comments

[x_x]

原因はなんとなくわかりますが、どう解決したか書いてもらえないのでしょうか？