Question

每当我在localhost上调试我的应用程序时，我都会遇到一个问题，它可以完美运行，并且在浏览器上没有错误，但是当我在Azure上发布它时，我在浏览器上出现了错误。

这是我得到的错误：

  /Service_Bind?depart_id=1:1 Failed to load resource: the server responded 
   with a status of 404 (Not Found)

这是我在JavaScript的查看页面上的源代码：

 <script>

$(document).ready(function () {

    $('#depart').change(function () {
        var id = $(this).val();
        $('#Service').empty();
        $.get('Service_Bind', { depart_id: id }, function (data) {

            var v = '<option>---Select---</option>';
            $.each(data, function (i, v1) {
                v += '<option value=' + v1.Value + '>' + v1.Text + '</option>';

            });
            $('#Service').html(v).text();
        });
    });








    $('#Gender').change(function () {
        var id = $(this).val();
        $('#Item').empty();
        $.get('Item_Bind', { Gender_id: id }, function (data) {
            var v = '<option>---Select---</option>';
            $.each(data, function (i, v1) {
                v += '<option value=' + v1.Value + '>' + v1.Text + '</option>';
            });
            $("#Item").html(v);
        });
    });



    $('#Item').change(function () {
        var id = $(this).val();
        $('#price').empty();
        $.get('Price_Bind', { Price_id: id }, function (data) {
            var v = '<option>---Select---</option>';
            $.each(data, function (i, v1) {
                v += '<option value=' + v1.Value + '>' + v1.Text + 
        '</option>';
            });
            $('#price').html(v);
        });
    });
});
</script>

Answer 1

此处$.get('Service_Bind', { depart_id: id }, function (data)试图调用api /方法service_bind，但未指定该api的完整网址。还需要添加基址。例如，我的api托管在网站www.contoso.com上，那么我的网址就是www.constoso.com/Service_Bind

Answer 2

这就是我应该在脚本上添加的内容，并且可以正常工作。唯一的问题是要获取页面，以使浏览器不知道它在哪里获取。谢谢你的帮助。

 $.get('@Url.Action("Gender_Bind", "Request")', { Service_id: id }, function (data)

发布Azure网站后在JavaScript上出现错误消息

2 个答案: