JQuery------$.get()和$.post()传递数据的使用方法

最新推荐文章于 2022-08-05 19:04:20 发布

weixin_33978016

最新推荐文章于 2022-08-05 19:04:20 发布

阅读量240

点赞数

文章标签： javascript ViewUI

菜鸟教程地址：

http://www.runoob.com/jquery/jquery-ref-ajax.html

html(../Home/Index.cshtml)

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title></title>
    <link type="text/css" href="~/Content/bootstrap.min.css" rel="stylesheet"/>

    <script type="text/javascript" src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
    <script type="text/javascript" src="~/Scripts/Home/Main.js"></script>
</head>
<body>
    <button class="Btn">按钮</button>
</body>
</html>

Main.js

$.get()的使用

$(document).ready(function () {
　　$(".Btn").click(function () {
　　　　$.get("../Home/Index", function (data, status) {
   　　　　alert("数据:" + data + ";状态:" + status);
   　　});
　　});
});

$.post()的使用

$(document).ready(function () {
    $(".Btn").click(function () {
        $.post("../Home/Index",
            {
                name: "ww",
                url:"http://www.baidu.com",
            }, function (data, status) {
            alert("数据:" + data + ";状态:" + status);
        });
    });
});

关注博主即可阅读全文

优惠劵

weixin_33978016

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery------$.get()和$.post()传递数据的使用方法

菜鸟教程地址：http://www.runoob.com/jquery/jquery-ref-ajax.html html(../Home/Index.cshtml)&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta name="viewport" content="width=device-width,init...
复制链接

扫一扫