Ajaxリクエスト→ページリロード→リクエスト結果の処理という順番にしたいです。

location.reload();を行うと、挿入場所に限らず最後にリロードされてしまいます。
$('#' + val).click();の前にページをリロードして、、、と考えたのですが、考え方が間違っていますか？

###現状のコード

javascript
1//セレクトボックスが変更
2$(function() {
3	$("#tmpSelect").change(function(){
4		var tmpSelect = $("#tmpSelect").val();
5		if(tmpSelect !== ''){
6			$.ajax({
7				type: "POST",
8				url: '/hoge/index',
9				data: {
10					"id": tmpSelect,
11					},
12		        dataType: 'json',
13				}).done(function (jsonDataList) {
14					var SelectTmp = jsonDataList;
15					var clumn_name = String(SelectTmp.jsonDataList.clumn_name);
16					var clumn_names = clumn_name.split(',');
17					$.each(clumn_names, function(i, val) {
18					    $('#' + val).click();
19					});
20				}).fail(function () {
21					console.log('NG');
22			});
23		}
24	});
25});

###追記（試してみたこと）
以下のようにするとやりたい動作ができます。
ただ、かなり不格好です。。

javascript
1$.each(clumn_names, function(i, val) {
2  $('#sortable' > '#' + val).click();
3});
4$.each(clumn_names, function(i, val) {
5  $('#' + val).click();
6});

###補足
利用しているプラグイン：https://jqueryui.com/sortable/

###追記

html
1<ul id="unList">
2<li id="id">ID</li>
3<li id="ohoge">会社名</li>
4・
5・
6・
7</ul>
8
9<!--unListのクリックされたliが追加されます-->
10<ul id="sortable" class="ui-sortable"></ul>

###テーブル構成

kei344

2017/05/28 05:18

コード内にlocation.reloadは書かれていませんが、そもそも何のためにリロードするのでしょうか。

ssk

2017/05/28 05:31

ありがとうございます。リロードする理由は#unListと#sortablをリフレッシュしたいからです。

ssk

2017/05/28 05:32

#tmpSelectのセレクトボックスがchangeした時に#unListと#sortablだけリフレッシュできればいいのですが、、

行動規範の内容に同意します

回答1件

ベストアンサー

リロードする理由は#unListと#sortablをリフレッシュしたいからです。

そのためにリロードするのはおかしな設計ですね。
提示されたコードでは全体像がまったくわからないので特にアドバイスできませんが、公式ドキュメントを確認されてはいかがでしょうか。

【Sortable Widget | jQuery UI API Documentation】
http://api.jqueryui.com/sortable/

投稿2017/05/28 05:38

kei344

総合スコア69398

ssk

2017/05/28 06:10 編集

全体像が掴めない質問で申し訳ございません。 jsfiddleを利用してコードを公開致しました。 https://jsfiddle.net/fux87kth/ 今やろうとしていることは、テンプレートのセレクトボックスの値が変更された時にajaxリクエストを投げて、#sortablの内容をテンプレートの形にすることが目標です。いかがでしょう、、チェンジイベントを拾って、#sortablの内容を変更しようとしているのが、始めにご提示したコードになります。 ※テーブル構成を追記致しました。