Ajax 原生开发实例

最新推荐文章于 2024-07-20 20:04:43 发布

奶奶滴,为什么不学java

最新推荐文章于 2024-07-20 20:04:43 发布

阅读量57

点赞数

分类专栏：前端学习文章标签： AJAX XMLHttpRequest Spring MVC 前后端交互异步加载

本文链接：https://blog.csdn.net/weixin_48456383/article/details/125324575

版权

前端学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

AJAX 教程 | 菜鸟教程function loadXMLDoc() { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject('Microsoft.XMLHTTP&..https://www.runoob.com/ajax/ajax-tutorial.html

实例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="myDiv"><h2>内容</h2></div>
<button type="button" onclick="loadXMLDoc()">修改</button>
</body>

<script>
    function loadXMLDoc()
    {
        var xmlhttp=new XMLHttpRequest();
        xmlhttp.onreadystatechange=function()
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.response;
        }
        xmlhttp.open("POST","http://localhost:8080/admin/index",true);
        xmlhttp.send();
    }
</script>
</html>

编写controller视图

@Controller
@RequestMapping("admin")
public class Login {

    @RequestMapping("login")
    public String login( )
    {

        return"login";
    }

    @RequestMapping("index")
    @ResponseBody
    public String index()
    {
        return "已经改变";
    }

奶奶滴,为什么不学java

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax 原生开发实例

AJAX 教程 | 菜鸟教程function loadXMLDoc() { if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject('Microsoft.XMLHTTP&..https://www.runoob.com/ajax/ajax-tu
复制链接

扫一扫