JQuery------$.get()和$.post()傳遞數據的使用方法


菜鳥教程地址:

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);
        });
    });
});

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM