ajax-Xhr

复制代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script src="/jQuery三天学习/jquery-3.5.1/jquery-3.5.1/jquery-3.5.1.js"></script>
    <script>
      //1.创建 XHR 对象
      var xhr = new XMLHttpRequest();
      //2.调用open 函数
      xhr.open("GET", "http://localhost:8080/select");


        xhr.setRequestHeader(
        "Content-Type",
        "application/x-www-form-urlencoded"
         );


//3.调用send 函数
      xhr.send(·参数·);

      //4.监听 onreadystatechage事件
      xhr.opreadystatechage = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
          console.log(xhr.responseText);
        }
      };
    </script>
  </body>
</html>


复制代码


 






            

            
posted @ 
 
しゅおく 
阅读(9) 
评论(0) 
编辑 
收藏 
举报


        

	    
	    
    









    
    

    
    



    

        
    

        

            
                
                
            
        

    



    相关博文：

    

            

                ·
                JS-二维码关闭案例
            

            

                ·
                jQuery-ajax
            

            

                ·
                使用xhr发起GET数据请求
            

            

                ·
                ajax - xhr level2新特性 json等众多内容
            

            

                ·
                xhr 是什么
            

    





    

    阅读排行：
    

 ·          Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
        

 ·          被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
        

 ·          没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
        

 ·          园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
        

 ·          【自荐】一款简洁、开源的在线白板工具 Drawnix
        



    

    



	

	

	
	

	

	

	





    

    
    








  

  
点击右上角即可分享

  微信分享提示