添加一个网址名称功能的代码只写添加代码代码添加在那个地方html代码!DOCTYPE htmlhtmlhead title网址收藏夹title meta charset=UTF-8 link rel=stylesheet href=stylecss script src=httpscodejquerycomjquery-360minjsscript script src=scriptjsscrip
添加网址名称功能的代码应该在HTML中添加一个网址名称输入框,以及在PHP中处理该输入框的值,将其保存到urls.txt文件中。以下是添加的代码:
HTML代码:
PHP代码:
// 添加新网址 if (isset($_POST['action']) && $_POST['action'] === 'add' && isset($_POST['name']) && isset($_POST['url'])) { $newName = $_POST['name']; $newUrl = $_POST['url']; if (!in_array($newUrl, $urls)) { if (filter_var($newUrl, FILTER_VALIDATE_URL)) { $urls[] = $newName . '|' . $newUrl; file_put_contents($url_file, implode("\n", $urls)); echo 'success'; } else { echo 'invalid url'; } } else { echo 'url already exists'; } }
注意,还需要相应地修改script.js文件中的添加网址对话框提交事件监听器,以便将网址名称和网址一起提交到PHP文件中。具体修改如下:
// 监听对话框提交事件 $('.dialog form').submit(function(e) { e.preventDefault(); var dialogId = $(this).parents('.dialog').attr('id'); var action = ''; var checked = $('input[name="url-checkbox"]:checked'); switch (dialogId) { case 'add-dialog': action = 'add'; break; case 'delete-dialog': action = 'delete'; break; case 'lock-dialog': action = 'lock'; break; case 'unlock-dialog': action = 'unlock'; break; } if (action === 'add') { var newName = $(this).find('input[name="name-input"]').val().trim(); var newUrl = $(this).find('input[name="url-input"]').val().trim(); if (newName !== '' && newUrl !== '') { $.post('action.php', {action: action, name: newName, url: newUrl}, function(data) { if (data === 'success') { location.reload(); } else { alert('添加网址失败,请重试'); } }); } else { alert('网址名称和网址都不能为空'); } } else if (action === 'delete' || action === 'lock' || action === 'unlock') { if (checked.length > 0) { var selected = checked.map(function() { return $(this).val(); }).get(); $.post('action.php', {action: action, urls: selected}, function(data) { if (data === 'success') { location.reload(); } else { alert('操作失败,请重试'); } }); } else { alert('请选择要操作的网址'); } } });
原文地址: https://www.cveoy.top/t/topic/bmXz 著作权归作者所有。请勿转载和采集!