HTML 输入框提交链接并验证签名,前端展示数据示例
<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>
原文地址: https://www.cveoy.top/t/topic/lMQd 著作权归作者所有。请勿转载和采集!