<form method='post' action='submit.php'>
  <input type='text' name='link' placeholder='请输入链接'>
  <input type='submit' value='提交'>
</form>
<?php
// 获取提交的链接
$link = $_POST['link'];

// 提交到后端进行签名验证和处理
// ...

// 返回数据到前端
$data = array(
  'title' => '这是标题',
  'content' => '这是内容',
  'link' => $link
);
echo json_encode($data);
?>
<script>
$('form').submit(function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  // 提交数据到后端
  $.post('submit.php', $(this).serialize(), function(data) {
    // 处理返回的数据
    if (data.link) {
      // 显示链接
      $('body').append('<a href='' + data.link + ''>' + data.link + '</a>');
    }
    // 显示标题和内容
    $('body').append('<h1>' + data.title + '</h1>');
    $('body').append('<p>' + data.content + '</p>');
  }, 'json');
});
</script>
HTML 输入框提交链接并验证签名,前端展示数据示例

原文地址: https://www.cveoy.top/t/topic/lMQd 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录