Javascript 如何使用jquery或Ajax调用获取特定网页？_Javascript_Jquery_Asp.net_Ajax

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

javascript jquery asp.net ajax

Javascript 如何使用jquery或Ajax调用获取特定网页？,javascript,jquery,asp.net,ajax,Javascript,Jquery,Asp.net,Ajax,我有两个.cshtml webforms，在一个webform中有Bootstrap头，在另一个webform中有一个包含div的表单。现在我想实现这样的事情，比如当我点击标题中可用的任何链接时，Jquery函数将被调用，它将得到所需的页面并将其加载到定义的div块中我的代码如下（header.cshtml）：函数myFunction（str）{ $（文档）.ready（函数（）{ //警报（str）； $.ajax({ 键入：“获取”， url:str+“.cshtml”，数据类型：“

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

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


函数myFunction（str）{
$（文档）.ready（函数（）{
//警报（str）；
$.ajax({
键入：“获取”，
url:str+“.cshtml”，
数据类型：“html”，
成功：功能（数据）{
$（“#表单加载”）.html（数据）；
},
错误：函数（数据）{
警报（数据）；
}
})
});
}
农民

其他网络表单（farmer_master.cshtml）：


嗨，应该叫我！

只要链接中没有.cshtml，就不能直接调用裸文件。您必须在控制器中调用操作，该操作将返回视图。调用您的函数时，文档准备启动的时刻早已过去。以这种方式将它们相互嵌套是没有意义的。使用传统的通过onclick属性附加事件处理程序的方法，ajax调用甚至不需要在文档内部准备好。但是，您应该尝试最新的事件绑定，这意味着jquery的.on方法。

<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>

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