2017年4月 – ページ 3 – 東京発、雲に乗って

2017年4月17日2017年4月17日

【jQuery】Ajaxの非同期通信を中断する

jQueryの$.ajax関数で

async: true

1	async: true

にして非同期通信を行うときに、通信を中断することができます。

やりかたは、$.ajax関数の戻り値を変数に格納し、

var ajax_obj = $.ajax({
  url: '(URL)'
 ,type: 'POST'
 ,data: '(データ)'
 ,async: true
 ,success: function(result) {
    // 成功時の処理
  }
 ,error: function(xml, error, thrown) {
    if(thrown == 'abort') {
      alert('処理を中断しました');
    }
  }
});

var ajax_obj = $.ajax({

url: '(URL)'

,type: 'POST'

,data: '(データ)'

,async: true

,success: function(result) {

// 成功時の処理

}

,error: function(xml, error, thrown) {

if(thrown == 'abort') {

alert('処理を中断しました');

}

});

中断したい場合はその変数のabortメソッドを呼びます。

ajax_obj.abort();

1	ajax_obj.abort();

abortメソッドを呼ぶと、上記の例のように
thrownに「abort」が返されますので
エラーなのか中断なのかの切り分けが可能です。

通信中にモーダルでローディング表示を行っている場合などに
ローディングダイアログに「中断」リンクをつけてあげると親切ですよね。

2017年4月13日2017年4月13日

【JavaScript】FORMタグのないページからPOST送信する

FORMタグがない状況でJavaScriptからパラメータをPOSTで渡す関数です。

var post_submit = function(url, data) {
  // FORMがなければ作ればいいじゃない。
  var _html = '<form method="POST" action="' + url + '" id="temp_form" style="display:none;">';
  for(var x in data) {
    _html += '<input type="hidden" name="' + x + '" value="' + data[x] + '" >';
  }
  _html += '</form>';
  $("body").append(_html);

  $('#temp_form').submit();
  $('#temp_form').remove();
};

var post_submit = function(url, data) {

// FORMがなければ作ればいいじゃない。

var _html = '<form method="POST" action="' + url + '" id="temp_form" style="display:none;">';

for(var x in data) {

_html += '<input type="hidden" name="' + x + '" value="' + data[x] + '" >';

}

_html += '</form>';

$("body").append(_html);

$('#temp_form').submit();

$('#temp_form').remove();

};

引数のdataには連想配列でパラメータを渡します。

2017年4月12日2017年4月12日

【ツール】パスワード自動生成ツール

パスワードを自動生成するツールを作ってみました。
細かい条件を設定できます。

すべてブラウザ内（javaScript）で処理が完結し、サーバーにログなど一切残りませんので安心してお使いください。

2017年4月11日2017年4月11日

【猫】ピチピチにゃぞ

13歳のご老体には見えない

2017年4月7日2017年4月12日

【jQuery】ページのトップ（最上部）へなめらかにスクロール

最近多用している、ページトップへのアニメーションスクロール、
jQueryなら簡単に実装できます。

var pagetop_scroll = function() {
  var speed = 500; /* ミリ秒 */
  var position = $('html').offset().top;
  $('body,html').animate({scrollTop:position}, speed, 'swing');
};

var pagetop_scroll = function() {

var speed = 500; /* ミリ秒 */

var position = $('html').offset().top;

$('body,html').animate({scrollTop:position}, speed, 'swing');

};