最近有小伙伴问我这么一题,觉得有意义记录下来,以后争取每日一更新。
这里分两种情况,但都是用Ajax发送请求,不同的是数据存放的位置。
第一种:如果传给前端之后前端在Html模板里面进行了引用和渲染,将标签的值获取到之后放在data再当作参数发送get或post请求,代码举例如下:
function checkUname(){
//1.获取文本框内容,也是后端传回的值渲染在模板上
var uname = $('#uname').val();
//2.判断
if(uname.length==0){
$('#unameSpan').html('*');
$('#unameSpan').css('color','red');
}else{
//3.ajax操作
$.get('/ajaxdemo/demo/',{'uname':uname},function(result){
//alert(typeof result.flag)
r = result.flag;
}
})
}
}
第二种:如果无需渲染在模板上,可以直接将后端传回的值放在前端缓存localStorage里,代码举例如下:
let storage = window.localStorage;
storage.setItem("my_blog_data", xxx);
const storage_str_data = storage.getItem("my_blog_data");
#再次发送请求时如上利用ajax
That‘s all,若有异议或建议欢迎您的留言,感谢