Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从父视图调用时,不在部分视图中加载模式弹出窗口_Javascript_Jquery_Asp.net Mvc - Fatal编程技术网

Javascript 从父视图调用时,不在部分视图中加载模式弹出窗口

Javascript 从父视图调用时,不在部分视图中加载模式弹出窗口,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,我试图从一个视图调用部分视图的模态,但没有得到ajax成功调用,但不知道如何执行: 以下是我的页面上的javascript ajax代码: var TeamDetailPostBackURL = '/BMApproval/GetMeetingApprovalData'; $(function () { $(document).on('click','.LeadCode', function () { //$(".LeadCode").click(function () {

我试图从一个视图调用部分视图的模态,但没有得到ajax成功调用,但不知道如何执行:

以下是我的页面上的javascript ajax代码:

var TeamDetailPostBackURL = '/BMApproval/GetMeetingApprovalData';
$(function () {
    $(document).on('click','.LeadCode', function () {
    //$(".LeadCode").click(function () {
        debugger;

        var $buttonClicked = $(this);
        var id = $buttonClicked.attr('data-id');
        var options = { "backdrop": "static", keyboard: true };
        alert("load");

        $.ajax({
            type: "GET",

            url: TeamDetailPostBackURL,
            contentType: "application/json; charset=utf-8",
            data: { "dataValue": id },
            datatype: "json",
            success: function (data) {
                debugger;
                $('#myModalContent').html(data);
                $('#myModal').modal(options);

                $('#myModal').modal('show');

            },
            error: function () {
                alert("Dynamic content load failed.");
            }
        });
    });
以及我在ajax调用中传递的参数

<td><a href="javascript:void(0);" class="LeadCode" data-id="@LPOPoint.LeadCode|@LPOPoint.ApprovalType">@LPOPoint.LeadCode</a></td>

也在相同的javascript页面中调用模态弹出,该页面将在局部视图中弹出

<div id='myModal' class='modal' style="overflow-y:hidden;">
<div class="modal-dialog" style="overflow-y: scroll; max-height:85%;  margin-top: 20px; margin-bottom:20px;">
    <div class="modal-content">
        <div id='myModalContent'></div>
    </div>
</div></div>

我在各种论坛上搜索了很多,但没有找到任何解决方案。 当我点击html链接时,弹出窗口不会加载到部分视图中。 和(“动态内容加载失败”);显示为无法成功。 基本上,我希望根据父视图中的参数在部分视图中的模式弹出窗口中查看数据。任何帮助都将不胜感激

  • 乍一看,您需要
    TeamDetailPostBackURL
    变量来包含适当的URL,包括方案、主机(和端口,如果需要的话),如
    http://example.com/BMApproval/GetMeetingApprovalData“
  • 您可以在错误回调中指定
    error
    参数,以查看到底是什么错误

        error: function (error) {
            console.error(error)
            alert("Dynamic content load failed.");
        }
    

  • TeamDetailPostBackURL是否存在?另外,如果您试图发送数据,则如果您向
    id
    发出警报,则类型应为POST而不是GETIf。这是控制器所需的值吗?此外,当您调试代码时,它是否会点击此方法
    GetMeetingApprovalData
    ?你们在浏览器控制台中看到任何错误吗?是的,它存在,但我想对我来说,它在测试环境中工作,但在prod环境中不工作。我所做的是将所有参数发送到控制器,然后从那个里我将值直接发送到部分视图。这对我很管用。谢谢你们的意见。嗨,谢谢回复。对我来说,我尝试通过端口传递完整的url,但没有成功。我所做的是将所有参数发送到控制器,然后从那个里我将值直接发送到部分视图。这对我很管用。