为网站创建用户生成的文本

时间:2013-12-04 21:21:16

标签: javascript html database

我创建了这个“有趣”的网站: http://designduck.dk/lol_mul/hvadsiger/

它设置了一个简单的javascript,使用var来获取文本。

我只是希望用户能够添加他们自己的句子。我该怎么做?

与文本框一样,他们编写句子然后将其发送到数据库并实现到var

我知道应该设置某种数据库,但是如何? 在互联网上找不到任何指南: - /

3 个答案:

答案 0 :(得分:1)

为何选择数据库?您可以从URL获取GET参数,例如:http://designduck.dk/lol_mul/hvadsige/?fun=Hahahahahah

..清理它,然后将其粘贴到那个有趣的盒子里。所有这些都可以用JavaScript完成。

用户输入可以通过页面底部的一些<form><input>提供,并自行发送GET请求。

答案 1 :(得分:1)

将Smuuf的答案翻译成代码:

而不是

<div id="text">Det er satme smukt!</div>

你可以做到

<?php
    // Default text
    $text = 'Hello!';

    // When alternative text is given
    if(isset($_GET['text']) && !empty($_GET['text'])){

        // htmlspecialchars to sanitze the database and prevent XSS hacks
        $text = htmlspecialchars($_GET['text']); 
    }
?>
<div id="text"><?php echo $text; ?></div>

答案 2 :(得分:1)

正如Smuff已经解释的那样,您可以为网站创建深层链接。 深层链接是带有附加GET参数的网址,例如http://designduck.dk/lol_mul/hvadsiger/?text=myowntext

您可以使用JavaScript查询此参数:

var paramArray = window.location.search.substr(1).split("&"); // fetch all GET params
var parameters = {};
var text;

// save all params in object
for ( var i = 0; i < paramArray.length; i++) {
    var tmp = paramArray[i].split("=");
    parameters[tmp[0]] = tmp[1];
}


// insert the text parameter into an element
document.querySelector('.your-element').innerText = parameters['text'];

这就是你将文字插入盒子的方式。

要创建深层链接,只需向此网站添加新按钮创建深层链接,从文本框中提取文字并相应地更改window.location.href