javascript - 如何使链接出现在文本框中，并让按钮将其保存在数据库中

Question

我即将创建一个谷歌扩展，我只是想制作一个类似于书签应用程序的东西。只是为了学习。

我现在确实遇到了我的第一个问题，当时我找不到任何帮助，所以我会在这里尝试:

• 我现在有一个如下所示的简单表单:

  <div class="form"> URL: <input type="text" name="url"><br> </div>

我想要它做的是，我希望它显示人们打开我的应用程序的确切链接! Picture

完成后，人们单击“保存”按钮，我希望将链接存储在 mysql 数据库中。我该怎么做？任何回答都会微笑着接受。

更新!我发现我不能使用 php 作为扩展的文件格式。它必须是 .html。我可以包含javascript，所以如果可能的话，我想知道如何。

Answer 1

我不知道您如何检索链接，因此我将跳过该部分并将其分配给变量...

<?php $url = 'http://www.stackoverflow.com'; ?>
<div class="form">
    URL: <input type="text" name="url" value="<?php echo (isset($url))? $url:''; ?>"><br>
</div>

要仅通过 onblur 或 onkeyup 进行保存，您可以使用 AJAX。

如果你想点击提交按钮，那么你只需编写一个 if 条件将其保存到你的数据库中，如下所示:

if(isset($_REQUEST['url'])) {
        // do insert into database here...
    }