AJAX学习笔记day3

最新推荐文章于 2024-09-27 09:39:47 发布

天下一颗星

最新推荐文章于 2024-09-27 09:39:47 发布

阅读量184

点赞数

分类专栏：前端文章标签： ajax xmlhttprequest

本文链接：https://blog.csdn.net/qq_32073261/article/details/78736758

版权

前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

5.XMLHttpRequest（传参）

<h3>XMLHttpRequest</h3>
<p id="result"></p>
<script>
var xhr.new XMLHttpRequest;

xhr.open('post','8-5.php');
//xhr.open('get','8-5.php?name=itcast&age=10&sex=男');

xhr.setRequestHeader('Content-Type','applicaiont/x-www-form-urlencoded');

xhr.send('name=itcat&age=10&sex=男');
//xhr.send(null);

xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
var result=xhr.responseText;

console.log(result);
}
}

</script>

<?php

print_r($_POST);

//print_r($_GET);
?>

6.XMLHttpRequest（API）

<h3>XMLHttpRequest</h3>
<p id="result"></p>
<script>
var xhr.new XMLHttpRequest;

xhr.open('post','8-5.php');

xhr.setRequestHeader('Content-Type','applicaiont/x-www-form-urlencoded');

xhr.send('name=itcat&age=10&sex=男');

xhr.onreadystatechange=function(){
//console.log(xhr.statusText);
//console.log(xhr.getAllResponseHeaders());
console.log(xhr.getResponseHeader('sever'));
if(xhr.readyState==4&&xhr.status==200){
var result=xhr.responseText;

console.log(result);
}
}

</script>