在qtip2中提交AJAX表单

// 引入必要的库文件
<script src="jquery.min.js"></script>
<script src="qtip.min.js"></script>

// 创建表单
<form id="myForm">
  <input type="text" name="name" placeholder="姓名" required>
  <input type="email" name="email" placeholder="邮箱" required>
  <button type="submit">提交</button>
</form>

// 初始化qtip2插件
<script>
  $(document).ready(function() {
    $('#myForm').qtip({
      content: {
        text: '正在提交...',
        title: '提示',
      },
      show: 'click',
      hide: 'unfocus',
      style: 'qtip-light',
      position: {
        my: 'top center',
        at: 'bottom center',
      },
      events: {
        submit: function(event, api) {
          event.preventDefault(); // 阻止表单默认提交行为

          var formData = $('#myForm').serialize(); // 获取表单数据

          $.ajax({
            url: 'submit.php', // 提交到的服务器端处理脚本
            type: 'POST',
            data: formData,
            success: function(response) {
              // 处理服务器响应
              if (response.success) {
                api.set('content.text', '提交成功');
              } else {
                api.set('content.text', '提交失败');
              }
            },
            error: function() {
              api.set('content.text', '提交失败');
            }
          });

          return false; // 阻止qtip2关闭弹出框
        }
      }
    });
  });
</script>