Java Ajax with Japanese

Shift-JIS のページから Ajax 送信しようとして文字化けしたときに… クライアントサイド (JavaScript) とサーバサイド (Java) でエンコード・デコード   古いシステムを改修していて、Shift-JIS でエンコーディングされているページから Ajax 送信する必要があり、日本語が文字化けしたので色々やったメモ。 FormData を使って、文字列だけでなく画像ファイルも一緒に送信する必要があったので、色々と制限があった。 画像ファイルをアップする時は POST 送信する必要がある (GET 送信は不可)。 jQuery で Ajax 送信する際、FormData を使う場合は contentType 指定ができない (jQuery が勝手にやる)。 processData 指定による変換を行おうとしたが、これは GET 通信のときしか設定できない。 サーバ側は Java だったので、SetEncodingFilter を突っ込めばいいか?と思ったのだが、現行の別ページのエンコーディングに影響しては困るので導入できなかった。 参考:AjaxとシフトJIS –…

The guide use Datatables js

Library: <script type=”text/javascript” charset=”utf8″ src=”https://cdn.datatables.net/1.10.16/js/jquery.dataTables.js”></script> HTML: <table id=”example” class=”display” style=”width:100%”> <thead> <tr> <th>Name</th> </tr> </thead> <tbody> <tr> <td>Tiger Nixon</td> </tr> <tr> <td>Garrett Winters</td> </tr> </tbody> <tfoot> <tr> <th>Name</th> </tr> </tfoot> </table> Script in body: <scritp> $(‘#example tfoot th’).each( function ()…

Ajax send json data to Controller and get result back

#HTML========================== <input type=”text” placeholder=”” id=”search”> #JS========================== function search(){ var text = document.getElementById(“search”).value; if(text != ”){ $.ajax({ type: “GET”, url:”getList”, data: {“text”:text}, datatype: “json”, success: function(data){ console.log(data); } }) } }; $(“#search”).on(‘input’,search); #Controller========================== @RequestMapping(value = “/getList”, method = RequestMethod.GET) @ResponseBody public…

Click out div element jquery

Event click out div element with jquery. window.addEventListener(‘mousedown’, function(event){ var advSearchBox = $(‘#advance-search-block’); var target = $(event.target); if( !target.parents(‘div#advance-search-block’).length && !advSearchBox.is(target) ) { advSearchBox.css(‘display’, ‘none’); $(‘#search-wrapper .show-advance-search span’).addClass(‘glyphicons-chevron-down’); } Click out div element with jquery I used, this is amazing…