Question

我想做的就是让我的手风琴使用MVC工作。我所做的就是使用visual studio 2013的模板并添加了一个视图，并将我的html，javascript，jQuery代码放在视图中，因为它在notepade ++中有效。我导入了脚本和所有内容。

我的程序尝试做的是对我保存在计算机上的某些本地txt文件数据执行简单的Ajax，txt中的数据以JSON格式放置，因此我的调用应该正常工作。但是，当我运行我的程序时，IE甚至没有接听电话，也可能没有接听电话，也没有工作。当我完全删除呼叫并在其位置放置一个警告框时它会到达警报但是当我重新插入ajax时它不会调用它。

所以这是我的代码 - 我做错了什么？

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>
<link href="/Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
<body>
    <div id="container">

    </div>

        <script src="Scripts/jquery-1.11.2.min.js"></script>
        <script src="Scripts/jquery-ui.js"></script>
        <script>
            $(function () {
                $.ajax({
                    url: "AccordianData.txt",
                    contentType: "application/json; charset=utf-8",
                    type: "GET",
                    dataType: "json",
                    success: function (data) {
                        for (var x = 0; x < data.numHeaders; x++) {
                            $("#container").append("<h2>" + data.headerTitle[x]+ "</h2>");
                            $("<div><p>'" + data.content[x]+ "'</p></div>").appendTo("#container");
                        }
                        $("#container").accordion();
                    },
                    error: function (xhr) {
                        console.log("Ajax or parse error");
                    }
                })
                //$( "#container" ).accordion();

            });
        </script>
</body>

Answer 1

是的，我解决了自己的问题。我的Layout文件夹中的@ Scripts.Render（“〜/ bundles / jquery”）与我放在索引视图中的jquery脚本冲突，所以一旦删除它。手风琴正确显示并且进行了Ajax调用

使用MVC进行简单的ajax调用

1 个答案: