大企業営業から未経験ITエンジニアを目指すブログ

アラサー大企業営業から未経験ITエンジニアを目指すブログ。日々学んだことを忘備録的に記します。

jQuery

jQueryの教科書:sort()

■ HTML <table> <thead> <tr> <th>並び順</th> <th>名前</th> <th>住所</th> <th>電話番号</th> </tr> </thead> <tbody> @foreach($items as $item) <tr id="{{ $item->id }}"> <td><span class="oi oi-elevator btn btn-outline-info"></span></td> <td>{{ $item->name }}</td> <td>{{ $item->address }}</td> <td>{{ $item->tel }}</td></tr></tbody></table>

jQueryの教科書:autocomplete()

コード HTML <input type="text" name="restaurant_name" > <input type="hidden" name="restaurant_id"> 検索BOXを表示する。 jQuery $('input[name="restaurant_name"]').autocomplete({ source: function( req, res ) { $.ajax({ url: "/api/restaurants/?=" + encodeURIComponent(req.term), type: "GET", dataType: "json", succe…

Ajaxのプロトコルではまった件

▲jQueryのajax()のurlパラメータに自分のホストの傘下を指定した。 現在ページのURLのプロトコルがhttpsでもhttpでも、ajaxの送信プロトコルがhttpになってしまい、httpsからアクセスしたときにブラウザの下記エラーが出る。 Mixed Content: The page at 'ht…

できそうに見えて苦労したこと:jQueryでテキストの完全一致検索

結論、できないらしい。 $('p:contains("まとめ")')のように、部分一致で検索してセレクタとすることはできるけど、完全一致で検索する方法は無い。 引っかかったものを全部判定するしかない

LaravelプロジェクトでjQuery+Ajaxを利用してリロードせずに自動計算

かろうじて動くものができたので、記録。 (処理を書く場所と長ったらしい書き方はこれから見直し) ・jQueryはCDNを利用。(ダウンロードしないやり方) Bladeファイル(HTML) <head> <meta name="csrf-token" content="{{ csrf_token() }}"> <title>○○○</title> </meta></head>