Javascript 将日期传递给存储过程并获取详细信息，以在html表中显示

我正在输入开始日期和结束日期。当我点击view Graph按钮时，该日期范围之间的详细信息应显示在表中。 以下是html视图页面：

当我点击查看图形按钮时，我得到一个错误“服务器以404状态响应http://localhost:5555/api/ProjectDetails/GetTableSubmittedDetails/01/20/2017/06/30/2017?Year=01%2F20%2F2017&Rtype=06%2F30%2F2017 "

以下是我的html代码：

   <div class="row div_Align">
                <div class="col-lg-8">

                    <label class="control-label">
                        Start Date &nbsp;<span class="Imp"></span>
                    </label>
                    <input type="text" id="departing">

                    <label class="control-label">
                        End Date &nbsp;<span class="Imp"></span>
                    </label>
                    <input type="text" id="returning">
              <input type="button"
                           value="View Graphs"
                           id="btnViewGraph" onclick="ViewGraph();" class="btn btn-default" /> &nbsp;
                </div>

            </div>

  <div class="row div_Align" style="padding-bottom:0px;">
                <table id="TicketTable" class="table table-responsive table-striped table-bordered table-hover" style="margin-bottom:8px;border:1px solid lightgrey;">
                    <thead>
                        <tr>
                            <th style="width:10%; padding-left:15px; " ng-click="vm.sotData('Ticket_No')">
                                Ticket No
                                <span ng-class="vm.getSortClass('Ticket_No')"></span>
                            </th>
                            <th style="width:12%" ng-click="vm.sotData('Executioncyclename')">
                                Execution Cycle
                                <span ng-class="vm.getSortClass('Executioncyclename')"></span>
                            </th>
       </tr>
                    </thead>
                </table>
            </div>

开始日期
结束日期
车票号码
执行周期

角js代码：

function ViewGraph() {
    startdate = $("#departing").val();
    enddate = $("#returning").val();
    BindTable(startdate, enddate);

}

 function BindTable(startdate, enddate) {

            var url = webApiUrl + 'api/ProjectDetails/GetTableSubmittedDetails/' + startdate + '/' + enddate;
            $('#TicketTable > tbody > tr ').remove();

            $.ajax({
                url: url,
                type: "Get",
                dataType: "json",
                data: { Year: startdate, Rtype: enddate },
                crossDomain: true,
                success: function (data) {

                    var tr;
                    var totalTestPreparation = 0;
                    var totalTestExecution = 0;
                    var totalTestDebugActivities = 0;
                    var totalTestReporting = 0;
                    var totalOFTotal = 0;
                    for (var i = 0; i < data.length; i++) {
                        var ticketNo = data[i].Ticket_No;
                        var executioncyCycleName = data[i].Executioncyclename;

                        tr = $('<tr/>');
                       tr.append("<td>" + ticketNo + "</td>");
                       tr.append("<td>" + executioncyCycleName + "</td>");

                    }
                    tr = $('<tr style="font-weight: bold; background-color: white" />');
                    tr.append("<td></td>");
                    tr.append("<td></td>");
 $('#TicketTable').append(tr);
        }
            });

        }

函数视图图（）{
startdate=$（“#出发”）.val（）；
enddate=$（“#正在返回”）.val（）；
BindTable（开始日期、结束日期）；
}
函数绑定表（开始日期、结束日期）{
var url=webApiUrl+'api/ProjectDetails/GetTableSubmittedDetails/'+startdate+'/'+enddate；
$（'#TicketTable>tbody>tr'）。删除（）；
$.ajax({
url:url，
键入：“获取”，
数据类型：“json”，
数据：{Year:startdate，Rtype:enddate}，
跨域：是的，
成功：功能（数据）{
var-tr；
var totalTestPreparation=0；
var totalTestExecution=0；
var totalTestDebugActivities=0；
var totalTestReporting=0；
var totalOFTotal=0；
对于（变量i=0；i

---

我已经测试了存储过程，它从这里获取输入日期并给出结果。存储过程工作正常。我觉得web api调用或js端缺少了一些东西。请帮助？

不要在url中使用

startdate

和

endDate

，因为

/

字符未编码

var url = webApiUrl + 'api/ProjectDetails/GetTableSubmittedDetails/'

它们在url中是必需的，因为在ajax查询中它们是作为数据传递的

另一件事：在查询中不使用angular，而是使用jquery。要使用“角度”，您需要使用：