ajax通信の基本となる構造

ysugiyama12 19views 更新:2016年12月21日
function test() {
      jQuery(document).ready(function($) {
        var search_word = $("#hoge").val();
        $.ajax({
          type: 'POST',
          url: "/wp-admin/admin-ajax.php",
          dataType: "json",
          data: {
            'action': 'town_hogehoge',
            'search_word': search_word,
          },
          success: function (search_rooms) {
            console.log(search_rooms);
          }
        })
      });
    }

ホームページ上に入力された文字列をsearch_wordで取得してtown_hogehogeの関数に引数として与える。
返り値はsearch_roomsとして与えられる。(ここではconsole.log()で確認している。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません