c# - 按钮 Ajax 脚本不起作用

Question

我用于转换文件并将其存储在文件夹中的按钮的 AJax 脚本不起作用我在文件夹中没有任何文件。

我的查看代码

`@{
    ViewBag.Title = "About";
    int i = 1;
}

<hgroup class="title">
    <h1>@ViewBag.Title.</h1>
    <h2>@ViewBag.Message</h2>
</hgroup>
<table style="background-color: lightgreen; border: solid 2px black;">
    <tr>
        <td>
            <b>Name</b>
        </td>
        <td>
            <b>Size</b>
        </td>
        <td>
            <b>Preview</b>
        </td>
        <td>
            <b>Read File</b>
        </td>
         <td>
            <b>Convert File</b>
        </td>
    </tr>
    @foreach (var file in Model)
    {    
        <tr>
            <td>
                @file.Name
            </td>
            <td>
                @(file.Size / 1000) KB
            </td>
            <td>
                @(file.extension)
            </td>
            <td>
                <input id="btnreadfile@(i)" name="@file.Name" class='btnClick' type="button" value="Read File"/>
                <textarea  rows="4" cols="50" class="txtArea@(i)" name ="txtArea">@(ViewBag.DataVal)
</textarea>
            </td>
            <td>
                <input id="btnconvertfile" name="@file.Name" class='btnClick2' type="button" value="Convert File"/>

            </td>
        </tr>   
        i++;
    }
</table>

<textarea></textarea>
<aside>
    <h3>Aside Title</h3>
    <p>
        Use this area to provide additional information.
    </p>
    <ul>
        <li>@Html.ActionLink("Home", "Index", "Home")</li>
        <li>@Html.ActionLink("About", "About", "Home")</li>
        <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
    </ul>
</aside>

<script>
    $(".btnClick").click(function () {
        var selectedId = $(this).attr("id").replace("btnreadfile", "");
        $.ajax({
            url: "/Home/ReadTextFile",
            type: "GET",
            data: { fileName: $(this).attr("name") },
            DataType: "text",
            success: function (str) {
                $(".txtArea" + selectedId).val(str);
            },
            error: function (err) {
                alert(err);
            }
        });
    });
</script>
<script>
    $(".btnClick2").click(function () {
        var selectedId = $(this).attr("id").replace("btnConvertfile", "");
        $.ajax({
            url: "/Shared/About",
            type: "POST",
            data: {document: $(this).attr ("name")},
            DataType: "pdf",
            success: function (str) {
                $("~/downloads/" + selectedId).val(str);
            },
            error: function (err) {
                alert(err);
            }
        });
    });
</script>`

我的方法代码

   `public ActionResult About() 
            Document document = new Document();
            try
            {
                PdfWriter.GetInstance(document, new FileStream(Server.MapPath("~/") + "downloads/" + "print.pdf", FileMode.Create));
                document.Open();
                //string body = TextArea1.value;
                List<IElement> htmlarraylist = iTextSharp.text.html.simpleparser.HTMLWorker.ParseToList(
                                  new StringReader(Request["txtArea"]), null);
                for (int k = 0; k < htmlarraylist.Count; k++)
                {
                    document.Add((IElement)htmlarraylist[k]);
                }

                Paragraph mypara = new Paragraph();
                document.Add(mypara);

                document.Close();

               return Redirect("~/downloads/print.pdf");
            }
            catch (Exception ex)
            {
                ViewBag.DataVal = ex.Message;
                return View();
            }

        }
    }
}`

目的是通过单击按钮将文件从 textArea 转换为 pdf 文件。我将如何编写脚本？我想我做错了。