菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 梁洁--20221130--ajax第二天 [打印本页]

作者: 梁杰，你好 时间: 2022-12-1 00:00
标题: 梁洁--20221130--ajax第二天
search.addEventListener("click",function(){
         if(!!searchipt.value){
            ajaxGet("http://121.89.216.9/show",`id=${searchipt.value}`);
            let rst=JSON.parse(localStorage.getItem("data"));
            console.log(rst);
            if(!!rst.data){
                        getHtml([rst.data]);
            }else{
                        cover.style.display="block"
                        searchbox.style.display="block";
            }

         }
      });
      // 新增
      let flag=true;
      add.addEventListener("click",function(){
         console.log(111111);
         if(flag){
            newbox.style.display="block"
            flag=false;
         }else{
            newbox.style.display="none"
            flag=true;
         }
      });
   addBtn.addEventListener("click",function(){
         if(!!name.value && !!pwd.value  && !!age.value  && !!sex.value && !!tel.value){
            let xhr=new XMLHttpRequest();
            xhr.open("get",`http://121.89.216.9/create?name=${name.value}&age=${age.value}&sex=${sex.value}&password=${pwd.value}&tel=${tel.value}`);
            xhr.send();
            xhr.onreadystatechange=function(){
                  if(xhr.readyState==4){
                     if(JSON.parse(xhr.responseText).mes=="成功"){
                              name.value="";
                              pwd.value="";
                              age.value="";
                              sex.value="";
                              tel.value="";
                              newspan.innerHTML="添加成功";
                              newspan.style.color="green";
                              newspan.style.display="block";
                              getStulist();
                              let t1=setTimeout(function(){
                              newspan.innerHTML="";
                              newspan.style.color="green";
                              newspan.style.display="none";
                              clearTimeout(t1);
                              }, 3000);
                     }
                  }
            }
         }
   });

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)