ajax源码

旺仔小码农

已于 2022-05-11 14:36:46 修改

阅读量817

点赞数

文章标签：前端 javascript html

于 2022-04-05 19:25:11 首次发布

本文链接：https://blog.csdn.net/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>

旺仔小码农

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
ajax源码

<!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>Do.
复制链接

扫一扫