Ajax 基本语法

最新推荐文章于 2024-07-25 10:06:21 发布

事业有程

最新推荐文章于 2024-07-25 10:06:21 发布

阅读量59

点赞数

文章标签： ajax servlet 前端

本文链接：https://blog.csdn.net/weixin_71439860/article/details/126354304

版权

<!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>

点击按钮，显示对应的内容

<hr>

<input type="button" name="btn1" id="btn1" value="发送">

<div id="div1"></div>

<script>

document.querySelector("#btn1").onclick = function() {

//第一步：创建一个XMLHttpRequet对象

var xmlhttp = new XMLHttpRequest();

//第二步：告诉浏览器请求的方式是什么，以及请求发送到那

xmlhttp.open("get", "http://127.0.0.1:8090", true);

//第三步：设置响应服务器端数据处理

xmlhttp.onreadystatechange = function() {

//做数据处理

document.querySelector("#div1").innerHTML = xmlhttp.responseText

}

//第四步：发送请求

xmlhttp.send()

}

</script>

</body>

</html>