jQuery

最新推荐文章于 2024-08-17 21:49:37 发布

abc4081997

最新推荐文章于 2024-08-17 21:49:37 发布

阅读量44

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mljqqh/p/10493735.html

版权

选择器

toggle() 方法切换元素的可见状态。

如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

this

load方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" id="but1" value="点击获取服务器的值" onclick="a()">
<input type="text" id="aaa">
<script src="../js/jquery-1.11.0.js"></script>
<script>
    function a() {
        $("#but1").load("/ServletTest",function (responseText) {

            $("#aaa").val(responseText);
        })
    }
</script>
</body>
</html>

              
          
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" id="but1" value="点击获取服务器的值" onclick="a()">
<input type="text" id="aaa">
<script src="../js/jquery-1.11.0.js"></script>
<script>
    function a() {
        $("#but1").load("/ServletTest",function (responseText) {
​
            $("#aaa").val(responseText);
        })
    }
</script>
</body>
</html>

赋值显示

get()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="div1"></div>
<script src="../js/jquery-1.11.0.js"></script>
<script>
    $.get("/ServletTest?username=mljqqhq",function (data,status) {
        $("#div1").html(data+status);//data是服务器响应的数据
        
    })
</script>

</body>
</html>

              
          
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="div1"></div>
<script src="../js/jquery-1.11.0.js"></script>
<script>
    $.get("/ServletTest?username=mljqqhq",function (data,status) {
        $("#div1").html(data+status);//data是服务器响应的数据
        
    })
</script>
​
</body>
</html>

post()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="div1"></div>
<script src="../js/jquery-1.11.0.js"></script>
<script>
    $.post("/ServletTest",{"username":"mljqqhpost"},function (data,status) {
        $("#div1").html(data+status);//data是服务器响应的数据
        
    })
</script>

</body>
</html>

 
          ​x 
         

              
          
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="div1"></div>
<script src="../js/jquery-1.11.0.js"></script>
<script>
    $.post("/ServletTest",{"username":"mljqqhpost"},function (data,status) {
        $("#div1").html(data+status);//data是服务器响应的数据
        
    })
</script>
​
</body>
</html>

ajax()

 $.ajax({
                url:"/ajaxDemo",
                data:{"name":"哈哈哈","age":4},
                async:true,
                type:"GET",
                dataType:"text",
                success:function (succRes) {
                    alert(succRes);
                },
                error:function (errorRes) {
                    alert("出现异常了")
                }
            });

 
          x 
         

              
          
 $.ajax({
                url:"/ajaxDemo",
                data:{"name":"哈哈哈","age":4},
                async:true,
                type:"GET",
                dataType:"text",
                success:function (succRes) {
                    alert(succRes);
                },
                error:function (errorRes) {
                    alert("出现异常了")
                }
            });

转载于:https://www.cnblogs.com/mljqqh/p/10493735.html

abc4081997

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery

选择器toggle() 方法切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。thisload方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...
复制链接

扫一扫