html5表单 和ajax,javascript – 使用AJAX表单的HTML5历史记录

1- HTML5标记方法：

对表单HTML5使用自动完成标记,但无法确定所有浏览器的兼容性.

2- jQuery方法：

看这个例子：

使用jQuery plugin进行cookie.

设置cookie;使用类似这样的例子：

(function(){

// get elements values

var checkbox1 = $('#checkbox1').val();

var radio1 = $('input[id="radio1"]:checked').val();

var textbox1 = $("#textbox1").val()

//save elements values into cookies

$.cookie("radio1", checkbox1);

$.cookie("checkbox1", radio1);

$.cookie("textbox1", textbox1);

});

然后在您想要的事件上加载值：

(function (){

//read value from cookie.

var radio1= $.cookie("radio1");

var checkbox1= $.cookie("checkbox1");

var textbox1= $.cookie("textbox1");

$('#radio1').prop('checked', radio1);

$('#checkbox1').prop('checked', checkbox1);

$('#textbox1').val(textbox1);

// Etc...

});

提交或实时编辑时;尝试保存cookie中的条目,当您返回到表单时…将这些值加载到字段中.

3-从JSON数据填充：

// reset form values from json object

$.each(data, function(name, val){

var $el = $('[name="'+name+'"]'),

type = $el.attr('type');

switch(type){

case 'checkbox':

$el.attr('checked', 'checked');

break;

case 'radio':

$el.filter('[value="'+val+'"]').attr('checked', 'checked');

break;

default:

$el.val(val);

}

});