如何在数据库中保存用户输入?

时间:2014-04-24 16:34:19

标签: javascript html

除了我无法使用PHP这一事实。我有一个可以使用的HTML文件。所以我认为唯一的方法就是JS。我有一个"电子邮件"用户输入用户设置他的电子邮件和他能够继续,但我必须先保存他的电子邮件。有什么想法吗?

2 个答案:

答案 0 :(得分:1)

如果您只需要以短期方式保存元素,则可以使用javascript和HTML5数据元素将电子邮件另存为当前页面的元素。这是非常临时的存储,但是你将获得最好的存储。

编辑: 以下是使用基于jQuery的javascript的方法。

HTML:

<input type="text" id="email">
<input type="button" id="emailButton">
<div id="data_div"></div>

jQuery Javascript:

function retrieveEmail() {
    var email = $('#data_div').data("email");
    // do something with the email variable as needed here
    // here's an example of retrieving it to send it to the server
    var paramStr = "email=" + email;

    $.ajax({
        url: './your_server_file_here',
        dataType: 'json',
        data: paramStr,
        success: function(data) {
           callBack(data);
    });
}

function callBack(data) {
    // do something with information passed back from the server after you sent the data to the server (you didn't say you needed to do this, but here's where it should be done)
}

function storeEmail() {
    var email = $('#email').val();
    $('#data_div').data("email", email);
}

$(document).ready( function() {
    $('#emailButton').click( function() {
        storeEmail();
    });
});

编辑:我知道你已经接受了这个答案,但令我印象深刻的是,HTML5还包含了另一种方法,它可以提供你正在寻找的功能和灵活性的增加。 HTML5存储元素可以与数据元素完全相同,只是它可以持久存储并被同一域中的其他页面访问,直到浏览器关闭(sessionStorage中的数据量不限)或无限期(5mb of localStorage中的数据)。有关实施细节和更多理解,请参阅here

请注意,HTML5存储元素仅在兼容HTML5的浏览器中可用,如果您担心您的用户群不使用现代浏览器,则不应使用该元素。 HTML5数据元素甚至可以在旧版浏览器中使用,因此它确实具有这种优势。

答案 1 :(得分:-1)

您可以随时使用Javascript创建一个文本文件,您可以在其中保存信息......