title: Getting "Not Found" when trying to retrieve data for DataTable
body: <p>I´m working on asp.net WebApi with Angular doing <code>DataTable</code>.</p>
  
  <p><strong>View:</strong></p>
  
  <pre><code>&lt;table class="table table-striped table-hover table-bordered dt-bootstrap no-footer" id="tabla_catalogos" role="grid" aria-describedby="sample_editable_1_info"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th class="hidden"&gt;&lt;/th&gt;
        &lt;th style="width: 200px;"&gt; Codigo &lt;/th&gt;
        &lt;th&gt; Nombre &lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;&lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Angular control:</p>
  
  <pre><code> $scope.filtro = function (selected) {
              apiService.get("../../api/Catalogo/GetCatalogoRegistro/" + selected.ID);
          }
  </code></pre>
  
  <p>Here I get values (I recieve 5 values) but for dataTable I only need <code>Codigo</code> and <code>Nombre</code>, If I test it separately I recieve parameters without problems.</p>
  
  <p>So now I use it into url parameter of datatable</p>
  
  <p><strong>Data Table:</strong></p>
  
  <pre><code>  $('#tabla_catalogos').DataTable({
          searching: true,
          dom: 'ftpB',
          buttons: [
             'excelHtml5', 'csv', 'print'
          ],
          paging: true,
          select: {
              style: 'single'
          },
          info: false,
          ordering: true,
          "processing": true,
          ajax: {
              method: 'GET',
              url: $scope.filtro = function (selected) {
                  apiService.get("../../api/Catalogo/GetCatalogoRegistro/" + selected.ID);
              },
              dataSrc: '',
              beforeSend: function (request) {
                  request.setRequestHeader("Version", $scope.usuario.Version);
                  request.setRequestHeader("Origen", 'Web');
              }
          },
          columns: [
           { data: 'Codigo' },
           { data: 'Nombre' },
          ],
          pageLength: 10
              , language: {
                  "emptyTable": "No se encontraron registros",
                  "zeroRecords": "No encontraron coincidencias",
                  "search": "Buscar: "
              }
      });
  </code></pre>
  
  <p>But in Chrome console, I get this error:</p>
  
  <blockquote>
    <blockquote>
      <p>NOT FOUND 404:</p>
    </blockquote>
  </blockquote>
  
  <p><a href="http://localhost:55720/api/Catalogo/GetCatalogoRegistro/%22%20+%20selected.ID);%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D?_=1492444754842" rel="nofollow noreferrer">http://localhost:55720/api/Catalogo/GetCatalogoRegistro/%22%20+%20selected.ID);%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D?_=1492444754842</a></p>