Ajax中获得JSON解析后Map的key和value，校验邮箱

最新推荐文章于 2022-08-06 00:19:45 发布

迦南jn

最新推荐文章于 2022-08-06 00:19:45 发布

阅读量2.9k

点赞数 3

分类专栏：日常问题文章标签：笔记

本文链接：https://blog.youkuaiyun.com/weixin_42987508/article/details/83717633

版权

日常问题专栏收录该内容

11 篇文章

订阅专栏

本文探讨了使用XMLHttpRequest进行异步数据请求的过程，详细解释了如何解析从服务器返回的JSON数据，并展示了如何根据JSON对象的内容更新DOM元素，包括图片和文本的动态展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

xhr.onreadystatechange=function (){
if(xhr.readyState == 4 && xhr.status == 200){
 //txt为map的JSON串
 var txt =  xhr.responseText;
 //解析json得到map对象
 var obj =JSON.parse(txt);
 //遍历map对象获得key value
 for(var i in obj){
 //错误信息
 //拿到代表对错的img标签
 var emailnameresultimg = document.getElementById('emailnameresultimg');
 //图片路径之前传过来的是带狗皮膏药的全部路径，但是解析后用不了，就直接传图片名字过来了，将图片名字拼接到已经写好的字符串后面
 emailnameresultimg.src="${pageContext.request.contextPath}/dangdang/images/"+i;
  if(obj[i] == "正确"){
  //获取sapn标签
  document.getElementById('emailinfo').innerHTML=obj[i];
  //设置span标签的文本颜色
  document.getElementById('emailinfo').style="color:#666";
  }else{
   document.getElementById('emailinfo').innerHTML=obj[i];
   document.getElementById('emailinfo').style="color:red";
  }
 }
}

};