原生JS如何实现使用后台接口获取数据？

Question

刚开始学前端，用的是NG，但是很好奇，如果是原生的JS是如何写这些功能的？比如服务与后台交互数据？

Answer 1

var xmlhttp;    
  if (str=="")
  {
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","/try/ajax/xxx"+str,true);
  xmlhttp.send();

ng的http模块是把上述封装后的实现。顺便说下你不知道原生没必要这么早看angular,react这种吧？

Answer 2

ajax