ホーム » ブログ » AJAXでコンテンツを取得して画面に表示
このエントリーをはてなブックマークに追加
@2018/12/14

スポンサーリンク
当記事はjqueryのajax非同期でコンテンツを取得して画面に表示の方法です。
既に検証済みのコードを貼り付けるので、ぜひご活用ください。

下記の例では、非同期でページのQRコード画像を独自のWEBAPIから取得し、id=page-qrcode-imgのタグに表示する。
もちろん、該当方法も後ほど筆者運営しているbenri.jpサイトに適用する予定です。


$.fn.getPageQrcode = function (pageUrl,pageKey) {
  var send_data = {page_url:pageUrl,page_key:pageKey};
  // QRCode作成のWebAPI
  var webApi = "//www.benri.jp/calendar/umiwake";
	$.ajax({
    type: "POST",
		url: webApi,
		dataType: "text",
		data: send_data,
	})
	.done(function(response) {
    $('#page-qrcode-img').empty();
    $('#page-qrcode-img').append(response);
    return false;
  })
	.fail(function(XMLHttpRequest, textStatus, errorThrown) {
    console.log(XMLHttpRequest.status + ' : ' + errorThrown);
		return false;
	});
};

♪ 当記事がお役に立ちましたらシェアして頂ければ嬉しいです。
0人
このエントリーをはてなブックマークに追加


★ 当記事を閲覧の方は下記の【関連記事】も閲覧していました。

お名前:

 

EMAIL:

 

URL:

 

認証コード:

zanmai.net-safecode

 


※会員の方は認証コードを要らないから、新規登録をオススメ!

check