学习AJAX

最新推荐文章于 2023-05-27 16:06:06 发布

啊了个呜

最新推荐文章于 2023-05-27 16:06:06 发布

阅读量72

点赞数

分类专栏： python develop

本文链接：https://blog.csdn.net/weixin_46129834/article/details/110439839

版权

python develop 专栏收录该内容

104 篇文章 2 订阅

订阅专栏

学习AJAX

var xmlhttp;
if (window.XMLHttpRequest)
{
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}
else
{
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{
	var xmlhttp;
	if (window.XMLHttpRequest)
	{
		//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
		xmlhttp=new XMLHttpRequest();
	}
	else
	{
		// IE6, IE5 浏览器执行代码
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
	xmlhttp.send();
}
</script>
</head>
<body>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>testajax</title>
</head>
<body>
    <script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        //编写js代码
        $(function(){
            $.ajax({
                type:'get',
                url:"/news/testaja/",
                dataType:'json',
                async: false,
                success:function(res){
                    var t = res.test;
                    alert(t);
                    {#$("#getdata").innerHTML = "5555";#}
                    document.getElementById("getdata").innerHTML = t
                },
                error: function (res) {
                    alert("22222")
                }
            });
        });
        function clickone() {
            {#document.getElementById("getdata").innerHTML = "555"#}
            $.ajax({
                type: 'get',
                url: "/news/testaja/",
                dataType: 'json',
                async: false,
                success: function (res) {
                    var t = res.test;
                    alert(t);
                    // 设置值.text()  .html()  .val()
                    $("#getdata").text("555");
                    {#document.getElementById("getdata").innerHTML = t;#}
                    $("#bget").hide();
                },
            });
        }


    </script>

<p id="getdata"></p>
<button id="bget" onclick="clickone()">点一下</button>
</body>
</html>