部署到服务器后 jQuery 和 AJAX 不工作

Question

我有一个项目在我的本地计算机上运行良好，但在部署到服务器后无法运行。如果我在 javascript 中放置断点，它会命中断点并遍历代码，但不会执行预期的操作(jquery 自动完成)。我什至确保我需要的脚本文件存储在服务器上。是不是我忽略了什么？

需要运行的代码:

<script type="text/javascript">
    $(document).ready(function () {
        $("input.autocomplete").autocomplete({
            appendTo: '.container',
            source: function (request, response) {
                $.ajax({
                    url: '/Home/GetUsers',
                    type: "POST",
                    dataType: "json",
                    data: { query: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item, value: item };
                        }));
                    }
                });
            }
        });
    })
</script>

_Layout.cshtml 页面，其中包含 jquery:

@Styles.Render("~/Content/css")
@Styles.Render("~/Content/themes/base/jquery-ui.css")
@Styles.Render("~/Content/themes/base/jquery-ui.autocomplete.css")
@Scripts.Render("~/bundles/modernizr")

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.min.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-ui-1.8.20.js")"></script>

Answer 1

我在我的 mvc 项目中也面临这个问题....

我通过以下步骤解决了这个问题。

1) 将其放入布局页面的脚本部分

<script type="text/javascript">
var RootUrl = '@Url.Content("~/")';
</script>

2) 在ajax url 中添加“RootUrl”变量。 (它也在你的 Js 文件中工作，你在 ajax url 之前添加“RootUrl”)

 url: RootUrl +'Home/GetUsers';

它对我来说非常有效，但如果有人有其他解决方案，请发给我