如何在Ajax调用中使用jquery在元素内部呈现锚元素

时间:2019-03-26 07:07:52

标签: javascript jquery

我正在使用ajax并使用Java脚本成功返回数据内动态处理<td>元素。

我已经尝试过并且一切运行正常,我正在<td>元素中获取数据,但是不幸的是无法处理如何将锚标记放入某些<td>元素中,因为那些返回包含某些文件的数据的文件在服务器文件夹中,因此我需要创建定位标记,以便用户可以打开文件。

    $("#Status").on('change', function () {
        $("#Table11").find("tr:not(:first)").remove();
        debugger;
        var Status = $("#Status").val();
        $.ajax({
            url: '/BusinessCaseProcess/GetRec',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            data: { Status: Status },
            success: function (response) {
                debugger;
                var trHTML = '';
                $.each(response, function (i, item) {
                    trHTML += '<tr><td>' + item.Title + '</td><td>' + item.EmployeeName + '</td><td>' + item.Department + '</td><td>' + item.SubDepartment + '</td><td>' + item.Station + '</td><td>' + item.DateOfRequest + '</td><td>' + item.TrackingID + '</td><td><a href="' + item.file + '">Primary </a></td><td><a href="~/BusinessCaseProcessUploadedFiles/' + item.otherFile + '">Secondary </a></td><td>' + item.HeadOfDepartmentStatus + '</td><td>' + item.HRMStatus + '</td><td>' + item.HeadOfITStatus + '</td><td>' + item.FinanceControllerStatus + '</td><td>' + item.VPPStatus + '</td></tr>';
                });
                $('#Table11').append(trHTML);
            }
        })

如您所见,我正在尝试在代码中的td元素内制作锚标记。变量包含文件名,在href内部,我给文件夹名,就像锚标签一样,我需要在单击时打开文件。

0 个答案:

没有答案