AJAX GET、POST请求

最新推荐文章于 2024-02-23 11:46:43 发布

阅读量96

点赞数

分类专栏：网站 js 文章标签： ajax javascript 前端

本文链接：https://blog.csdn.net/qq_51883876/article/details/126376208

版权

js 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

网站

4 篇文章 0 订阅

订阅专栏

GET请求

<script>
  const btn = document.getElementById('kssb'); //绑定按钮
  btn.onclick = function() {
    const xhr = new XMLHttpRequest();
    xhr.open('GET', 'url');//open()参数：请求类型   URL
    xhr.send();
    xhr.onreadystatechange = function() {
      //当请求完毕时
      if (xhr.readyState == 4) {
        //判断请求是否成功
        if (xhr.status == 200 && xhr.status < 300) {
          //请求成功事件
          alert(xhr.response);
        }
      }
    }
  }
</script>

POST请求

<script>
	const btn = document.getElementById('kssb'); //绑定按钮
	btn.onclick = function() {
		const xhr = new XMLHttpRequest();
		xhr.open('POST', 'url');
		xhr.send(a=1&b=3&c=5);//POST请求数据
		xhr.onreadystatechange = function() {
			//当请求完毕时
			if (xhr.readyState == 4) {
				//判断请求是否成功
				if (xhr.status == 200 && xhr.status < 300) {
					//请求成功事件
					alert(xhr.response);
				}
			}
		}
	}
</script>