ようやく解決

今 Ajax通信を用いたプログラム作成していま Ajaxは二つのページの間を渡り歩くため、理解するのが難しいのです

今作ろうとしているのは databaseより読み取った表形式データをソートし、それをページに表示するのですが、ページのhead部分をクリックすると逆向きにソートされる、というようなよくある表示なのです

ページそのものを書き換えるのであればそんなには難しくありませんが、ページ書き換えは Webの世界ではコストが大きいのですから、Ajax通信で DOMを書き換えるべきなのです

ただ単に書き換えるのであればまあできます しかし、クリックする毎に反対向きにソートするようなものは .toggle()とう jQuery関数がどうやってもうまく作動しないため、工夫が必要でした そしてこれが解決策です

$("#name").click(function() {
			if (this.value == 'ASC') {
				this.value = 'DES';
			} else {
				this.value = 'ASC';
			}
			$.post("doctors_list.php", {name: this.value}, function(data) {
					$("#dataarea").html(data);
				});
		});

これにより id=”name”のボタンがクリックするたびにそのvalueが ASCとDESの間を交互に切り替わりうまく実現できました

投稿者: (KAMAKURA & SAPPORO)Dr_Radialist

Expert Interventional Cardiologist and Amateur Computer Programmer

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です