如何使用javascript保存输入值以便以后在html中使用

时间:2016-10-02 18:11:17

标签: javascript php html

我想创建一个网站,保存输入标签的数据供以后使用。我的目标是创建一个发布系统,您可以在其中关闭文件并使相同的发布输入数据仍显示在div元素中。这可能与html和javascript有关,还是我必须使用php或其他类似的东西?如果数据存储在日志文件中然后使用javascript进行排序,是否可以完成?如果这只适用于PHP是否有使用HTML或JavaScript的迂回方式?我打算在GitHub上托管它,它不支持php。

2 个答案:

答案 0 :(得分:0)

您只能将网络存储用于客户端,如下所示:

localStorage.setItem("lastname", "Smith");
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

请参阅此tutorial for web storage

Updat1:

如果您需要共享存储来从所有客户端访问它,您必须使用 server side session

答案 1 :(得分:0)

您可以使用Cookies或HTML 5 Local Storage

cookie的示例用法

// sets the cookie cookie1
document.cookie =
 'cookie1=test; expires=Fri, 3 Aug 2001 20:47:11 UTC; path=/'

// sets the cookie cookie2 (cookie1 is *not* overwritten)
document.cookie =
 'cookie2=test; expires=Fri, 3 Aug 2001 20:47:11 UTC; path=/'

// remove cookie2
document.cookie = 'cookie2=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/'

本地存储的示例用法

var testObject = { 'one': 1, 'two': 2, 'three': 3 };

// Put the object into storage
localStorage.setItem('testObject', JSON.stringify(testObject));

// Retrieve the object from storage
var retrievedObject = localStorage.getItem('testObject');

console.log('retrievedObject: ', JSON.parse(retrievedObject));