语法错误：丢失； （分号）声明之前-Razor

Question

The block of code below triggers a SyntaxError on a missing ; . Here is a screenshot of Firebug's output:

<script type="text/javascript">
$(document).ready(function () {
  $("#SelectedMCO").change(function () {

    var scheme = @Request.Url.Scheme.ToString();
    var authority = @Request.Url.Authority.ToString();
    var applicationPath = @Request.ApplicationPath.ToString();

    var url = scheme + "://" + authority + applicationPath +"mytest/" + $("#Selectedoption").val();

    $.getJSON(url, function (data) {
      $("#Selectedsub").empty();
      $.each(data, function(idx, obj) {
        $('#SelectedSub').append('<option value="' + obj.EntityNumber +'">' + obj.Name + '</option>');
      });
    });
  });
});
</script>

Answer 1

You just need to enclose your Razor variables in quotes:

  <script type="text/javascript">
     $(document).ready(function () {
        $("#SelectedMCO").change(function () {

            var scheme = '@Request.Url.Scheme.ToString()';
            var authority = '@Request.Url.Authority.ToString()';
            var applicationPath = '@Request.ApplicationPath.ToString()';

            var url = scheme + "://" + authority + applicationPath 
                      +"mytest/" + $("#Selectedoption").val();

            $.getJSON(url, function (data) {
                $("#Selectedsub").empty();
                $.each(data, function(idx, obj) {
                    $('#SelectedSub').append('<option value="' + 
                      obj.EntityNumber +'">' + obj.Name + '</option>');
                });
            });
        });
    });
  </script>

This will ensure that your variables will be interpreted as strings by the JavaScript interpreter.