Question

我有两个.cshtml webforms，在一个webform中我有Bootstrap头，而在其他webform中我有一个div包含表单。现在我想实现这样的事情，比如当我点击Header中可用的任何链接时，Jquery函数将被调用，它应该得到所需的页面并将其加载到定义的div块中。

我的代码似乎如下（header.cshtml）：

<html>
<head>
<script type="text/javascript" src="../assest/js/jquery-3.1.1.js"></script>
<script type="text/javascript">

    function myFunction(str) {
        $(document).ready(function () {
            //alert(str);
           $.ajax({
                type: "GET",
                url: str + ".cshtml",
                dataType: "html",
                success: function (data) {

                    $("#form_load").html(data);
                },
                error: function (data) {
                    alert(data);
                }
            })


        });
    }
</script>
</head>
<body>
<div>
<a id="nav_link" onclick="myFunction(this.name)" name="farmer_master">Farmer</a>
</div>
<div id="form_load"></div>
</body>
</html>

其他webform（farmer_master.cshtml）：

<div>
 Hi I shoud be called !
</div>

如何使用jquery或Ajax调用获取特定网页？

0 个答案: