下記のコードでinputタグに文字を入力した際に、入力候補を出すようにしているのですが、入力候補が出力されるまでに時間が掛かることがあり、その際の対応として、loading中であることをユーザー側に明示できるよう入力候補を検索している最中にgif画像を入れたいのですが、どのようにすれば組み込めるでしょうか?
御教示お願い致します。
javascript
1 $(document).focusin(function(){ 2 $("#autoc").autocomplete({ 3 source: function(req, resp){ 4 $.ajax({ 5 url: "autocomplete.php", 6 type: "POST", 7 cache: false, 8 dataType: "json", 9 data: { 10 name: req.term 11 }, 12 success: function(o){ 13 resp($.map(o, function(item) { 14 return { 15 label: item.name, 16 value: item.name 17 } 18 })); 19 }, 20 error: function(xhr, ts, err){ 21 resp(['']); 22 console.log("error"); 23 } 24 }); 25 }, 26 select: function(event, ui){ 27 //処理 28 } 29 }); 30 });
html
1<input id="autoc" type="text" name="name" value="" >
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/30 03:53