要使用Javascript提交和保存表单数据吗
我想使用javascript提交和保存表单数据要使用Javascript提交和保存表单数据吗,javascript,jquery,html,ajax,forms,Javascript,Jquery,Html,Ajax,Forms,我想使用javascript提交和保存表单数据 使用JS保存数据 注册 名称： 电子邮件： 性别： 男性 女性 如果要使用php和ajax，请参考以下链接： 为此，您必须在MY-SQL中有一个数据库 $('input[type=submit]').click(function(){ var date = new Date(); date.setTime(date.getTime()+(1*24*60*60*1000)); createCookie('fname',
使用JS保存数据
注册
名称：
电子邮件：
性别：
男性
女性
$('input[type=submit]').click(function(){
var date = new Date();
date.setTime(date.getTime()+(1*24*60*60*1000));
createCookie('fname', $('input[name=fname]').val(), date);
createCookie('email', $('input[name=fname]').val(), date);
createCookie('gender', $('input:checked').val(), date);
});
function createCookie(name, value, date){
var c = name + '=' + value + "; expires=" + date;
document.cookie = c;
}
如果要在本地保存，请使用cookies
下面的代码将使用cookies将您的答案保存到个人计算机：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Save data using JS</title>
</head>
<script>
function saveData() {
document.cookie="fname="+document.getElementById('fname').value+"; expires=Thu, 18 Dec 2019 12:00:00 UTC";
document.cookie="email="+document.getElementById('email').value+"; expires=Thu, 18 Dec 2019 12:00:00 UTC";
var radios = document.getElementsByName('gender');
for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
document.cookie="gender="+radios[i].value+"; expires=Thu, 18 Dec 2019 12:00:00 UTC";
break;
}
}
alert('Data Saved!');
}
alert('SAVED DATA: '+document.cookie);
</script>
<body>
<h1>Sign up</h1>
<form name="myForm" id="myForm" action="javascript:saveData();">
Name:<br>
<input type="text" name="fname" id="fname" required maxlength="40"><br><br>
E-mail: <input type="email" name="email" id="email" required><br><br>
Gender:<br>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
使用JS保存数据
函数saveData（）{
document.cookie=“fname=“+document.getElementById（'fname'）.value+”；expires=2019年12月18日星期四12:00:00 UTC”；
document.cookie=“email=“+document.getElementById（'email'）.value+”“expires=2019年12月18日星期四12:00:00 UTC”；
var radios=document.getElementsByName（'gender'）；
对于（变量i=0，长度=radios.length；i
电子邮件：
性别：
男性
女性
但它与旧浏览器不兼容。。但是它确实比cookies有一些改进，您不必重新加载页面就能看到更改。数据永不过期。您可以存储更多的数据，然后可以存储在Cookie中。那么您卡在哪里了？到目前为止您尝试了什么？正如您在上面看到的，我刚刚创建了一个表单，现在我想当用户提交表单时，表单数据应该保存在某个地方。@Manish，那么问题是什么？什么不起作用？我希望你们在数据库中保存数据，因为这是注册表。是吗？@Manish JavaScript无法直接连接到MySQL。但是你可以把JS和PHP混合在一起做，因为数据保存在我的浏览器中？？是的，你的浏览器保留了一些存储空间，网站可以在本地保存信息。。所以，下次你回到那个网站时，它可以检索本地信息。你可以把数据读回。。。使用document.cookie如何查看保存的数据。如果有人删除了cookies，我修改了上面的代码，以便在您第一次打开页面时显示您保存的数据。如果person删除了cookie，那么数据就消失了。。。如果运行上述代码，首先会看到一个警报屏幕。使用保存的数据。起初没有数据，填写一些数据，提交表格。关闭窗口并再次打开，下次警报将显示上次保存的数据。。。这就是您获取数据的方式。它在做什么？当用户单击提交按钮时，会创建三个cookie。首先是fname字段的值。第二个是email字段的值。第三个是选中性别字段的值（男性或女性）。cookie将在1天后过期。如何延长过期时间？？将行
date.setTime（date.getTime（）+（1*24*60*60*1000））date.setTime（date.getTime（）+（1000*24*60*60*1000））