使用Ajax进行数据交互的示例-优快云博客

本文链接：https://blog.youkuaiyun.com/wz__QWERTY/article/details/123975181

<!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>
        //第一步 创建ajax对象  (手机)
        var xx = new XMLHttpRequest()
        //第二步 初始化    ('post'|'get','1.txt')
        xx.open('get','1.txt?class=8班&xx=oo999')  //直接把参数写路径上了,是get传参
        //第三步  post需要设置请求头
        xx.setRequestHeader('Content-type','application/x-www-form-urlencoded')
        //第四步 发送数据
        xx.send('id=18&name=张三&age=30')  //写在send里面了,是post传参
        //第五步  监
        听状态码 
        xx.onreadystatechange=function(){
            if(xx.readyState == 4){

                if(xx.status == 200){

                    console.log(xx.response)
                    
                }
            }
        }

      
        var xx= new XMLHttpRequest();

        xx.open('post','');

        xx.setRequestHeader('Content-type','application/x-www-form-urlencoded');

        xx.send('');

        xx.onreadystatechange=function(){

          if(xx.readystate ==4){

              if(xx.status==200){

                  console.log(xx.response);

              }
          }
        }

 


    </script>
</body>
</body>
</html>

ajax源码