ajax-get和post传参(超详细)

最新推荐文章于 2024-09-11 02:20:32 发布

源小新

最新推荐文章于 2024-09-11 02:20:32 发布

阅读量2.7k

点赞数 2

分类专栏： js总结文章标签： ajax

本文链接：https://blog.csdn.net/yuan_xiaoxin/article/details/109483032

版权

本文详细介绍了AJAX中GET和POST两种传参方式，包括XMLHttpRequest对象的创建、onreadystatechange事件处理、open()方法的参数解析、setRequestHeader()设置请求头以及send()方法发送数据的过程。同时，对比了GET和POST的安全性、数据量限制以及执行效率。

摘要由CSDN通过智能技术生成

AJAX-get和post传参

GET传参
POST传参
new XMLHttpRequest()
xml.onreadystatechange
xml.open()
xml.setRequestHeader()
xml.send()

GET传参

在这里插入图片描述

<script>
var xml = new XMLHttpRequest();
xml.onreadystatechange = function(){
	if(xml.readyState == 200){
		if(xml.status == 4){
			console.log('success');
		}
	}
}
xml.open('GET','http://jsonplaceholder.typicode.com/posts/1',true);
xml.send();
</script>

POST传参

在这里插入图片描述

<script>
var xml = new XMLHttpRequest();
xml.onreadystatechange = function(){
	if(xml.readyState == 200){
		if(xml.status == 4){
			console.log('success');
		}
	}
}
xml.open('POST','http: