前端交互协议

js/main.js
action/ajax.php
inc/functions/functions.php
action/function.php

function zib_docs_get_demo_modal_link($post_id)
{
    $args = array(
        'tag'           => 'a',
        'class'         => 'but c-blue',
        'data_class'    => 'modal-mini',
        'mobile_bottom' => true,
        'height'        => 320,
        'text'          => '打开弹窗',
        'query_arg'     => array(
            'action'  => 'zib_docs_demo_modal',
            'post_id' => $post_id,
        ),
    );

    return zib_get_refresh_modal_link($args);
}

add_action('wp_ajax_zib_docs_demo_modal', 'zib_docs_demo_modal');

function zib_docs_demo_modal()
{
    $post_id = !empty($_REQUEST['post_id']) ? (int) $_REQUEST['post_id'] : 0;
    if (!$post_id || !current_user_can('read_post', $post_id)) {
        zib_ajax_notice_modal('danger', '没有权限进行此操作');
    }

    echo '<div class="border-title touch"><div class="flex jc"><b>弹窗标题</b></div></div>';
    echo '<form>';
    echo '<div class="box-body">';
    echo '<input type="text" name="demo_text" class="form-control">';
    echo '<input type="hidden" name="post_id" value="' . esc_attr($post_id) . '">';
    echo '<input type="hidden" name="action" value="zib_docs_demo_save">';
    echo zib_nonce_field('zib_docs_demo_save');
    echo '</div>';
    echo '<div class="modal-buts but-average"><button type="submit" class="but c-blue wp-ajax-submit">确认保存</button></div>';
    echo '</form>';
    exit;
}

$('#refresh_modal').on('loaded.bs.modal', function () {
    // 弹窗内容已经插入，可以初始化弹窗内组件
});

function zib_docs_get_action_button($post_id)
{
    $data = array(
        'action'  => 'zib_docs_demo_save',
        'post_id' => $post_id,
        '_wpnonce' => wp_create_nonce('zib_docs_demo_save'),
    );

    return '<a href="javascript:;" class="but c-blue wp-ajax-submit" form-data="' . esc_attr(json_encode($data)) . '">保存</a>';
}

echo '<form>';
echo '<input type="text" name="demo_text" class="form-control">';
echo '<input type="hidden" name="action" value="zib_docs_demo_save">';
echo zib_nonce_field('zib_docs_demo_save');
echo '<button type="submit" class="but c-blue wp-ajax-submit">提交</button>';
echo '</form>';

add_action('wp_ajax_zib_docs_demo_save', 'zib_docs_demo_save');

function zib_docs_demo_save()
{
    zib_ajax_verify_nonce();

    $post_id = !empty($_POST['post_id']) ? (int) $_POST['post_id'] : 0;
    if (!$post_id || !current_user_can('edit_post', $post_id)) {
        zib_send_json_error('没有权限进行此操作');
    }

    $text = !empty($_POST['demo_text']) ? sanitize_text_field($_POST['demo_text']) : '';
    update_post_meta($post_id, 'demo_text', $text);

    zib_send_json_success(array(
        'msg'        => '保存成功',
        'hide_modal' => true,
        'reload'     => false,
    ));
}

$(document).on('zib_ajax.success', '.wp-ajax-submit', function (event, response) {
    if (!response.error) {
        // 可以同步刷新按钮、列表或局部 UI
    }
});

_win.bd.on('click', '.signin-loader', function () {
  if (_win.sign_type == 'page') {
    window.location.href = _win.signin_url
    window.location.reload
  } else {
    $('.modal:not(#u_sign)').modal('hide')
    $('#u_sign').modal('show')
    $('a[href="#tab-sign-in"]').tab('show')
  }
})

_win.bd.on('click', '.qrcode-signin', function () {
  var url = $(this).attr('href')
  var container = $('.qrcode-signin-container')

  $.post(url, null, function (n) {
    if (n && n.html) {
      container.html(n.html)
      _win.qrcode_signin = {
        url: n.url,
        state: n.state,
      }
      checkLogin()
    }
  }, 'json')
})

window.auto_fun = debounce(z_auto_fun, 100)

function z_auto_fun() {
  $(document).trigger('auto_fun')
  $('.auto-search').AutoSearch()
  $('.cloneable').cloneable()
  $('[machine-verification]').length && tbquire(['captcha'])
  $('.signsubmit-loader').length && tbquire(['sign-register'])
  $("[data-toggle='tooltip']").tooltip({ container: 'body' })
}

var _data = _this.attr('form-data')
if (_data) {
  data = $.parseJSON(_data)
}
if (!data) {
  var form = _this.parents('form')
  data = form.serializeObject()
}

var _action = _this.attr('form-action')
if (_action) {
  data.action = _action
}

if (data.captcha_mode && is_captcha(data.captcha_mode)) {
  tbquire(['captcha'], function () {
    CaptchaOpen(_this, data.captcha_mode)
  })
  return !1
}

if (window.captcha) {
  data.captcha = JSON.parse(JSON.stringify(window.captcha))
  window.captcha = {}
}

_this.attr('disabled', false).html(_text).trigger('zib_ajax.success', n)

if (n.hide_modal) {
  _this.closest('.modal').modal('hide')
}
if (n.reload) {
  n.goto ? window.location.href = n.goto : window.location.reload()
}

<div class="ajaxpager">
  <div class="ajax-item">...</div>
  <div class="ajax-pag">
    <div class="next-page ajax-next">
      <a href="下一页地址">加载更多</a>
    </div>
  </div>
</div>

zib_get_ajax_next_paginate()
zib_get_ajax_number_paginate()
zib_ajax_send_ajaxpager()
zib_get_ajax_ajaxpager_one_centent()
zib_get_ias_ajaxpager()

add_action('wp_ajax_zib_docs_demo_list', 'zib_docs_demo_list');
add_action('wp_ajax_nopriv_zib_docs_demo_list', 'zib_docs_demo_list');

function zib_docs_demo_list()
{
    $paged = zib_get_the_paged();
    $count = 20;
    $per_page = 10;
    $html = '';

    for ($i = 1; $i <= $per_page; $i++) {
        $html .= '<div class="ajax-item muted-box padding-10 mb10">列表项</div>';
    }

    $ajax_url = add_query_arg(array(
        'action' => 'zib_docs_demo_list',
    ), admin_url('admin-ajax.php'));

    $html .= zib_get_ajax_next_paginate($count, $paged, $per_page, $ajax_url);

    zib_ajax_send_ajaxpager($html);
}

function zib_docs_get_demo_ajaxpager()
{
    $args = array(
        'type'  => 'ias',
        'query' => array(
            'action' => 'zib_docs_demo_list',
        ),
    );

    return zib_get_ias_ajaxpager($args);
}

ajax-replace="true"

ajaxpager-target=".custom-ajaxpager"
ajaxitem-target=".custom-ajax-item"

$(document).on('post_ajax.ed', '.ajaxpager', function (event, html) {
    // 新列表已经插入，html 是本次远程响应解析后的内容
});

<ul class="list-inline tab-nav-theme">
  <li class="active"><a href="#tab-demo" data-toggle="tab" data-ajax="/wp-admin/admin-ajax.php?action=zib_docs_demo_list">示例</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane fade active in" id="tab-demo"></div>
</div>

<a href="javascript:;" ajax-target="#tab-demo" data-ajax="/wp-admin/admin-ajax.php?action=zib_docs_demo_list" ajax-replace="true">刷新</a>

function zib_docs_get_remote_box()
{
    $args = array(
        'type'  => 'ias',
        'class' => 'zib-widget',
        'query' => array(
            'action' => 'zib_docs_demo_box',
        ),
    );

    return zib_get_remote_box($args);
}

<a href="javascript:;" data-action="like" data-pid="123"><text>点赞</text><count>0</count></a>

tbquire(['mini-upload']);
tbquire(['captcha']);
tbquire(['pay']);
tbquire(['input-expand']);
tbquire(['message']);

auto_fun();

$(document).on('auto_fun', function () {
    // 每次主题自动初始化时执行
});