C# & ASP.NET Core MVC：web scraper ajax 将 null 发送到控制器

Question

我正在尝试在 C# 中实现一个简单的屏幕抓取程序。当我运行应用程序并在输入框中输入一个 url 并单击提交按钮时，我执行一些 jQuery 以使用 Ajax 将输入的 url 发送到控制器。出于某种原因，控制器总是收到空值。

这是我认为的代码：

 <div id="message"></div>
 <input id="urlInput" type="text" placeholder="Enter URL" />
 <button id="submit">Submit</button> 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 <script>
    $(document).ready(function () {

    $("#submit").click(function (e) {
        var urlValue = $("#urlInput").val();
        console.log(urlValue);
        $.ajax({
                type: "POST",
                url: "/Home/GetUrlSource",
                contentType: "application/json; charset=utf-8",
                data: '{"url":"' + urlValue + '"}',
                dataType: "html",
                success: function (result, status, xhr) {
                    ExtractData(result);
                    //GetUrlTelePhone(result);
                },
                error: function (xhr, status, error) {
                    $("#message").html("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText)
                }
            });
    });
 </script>

当我运行应用程序时，会显示视图。在输入框中，我输入以下内容：

https://www.zillow.com/homes/90-westwood-circle-roslyn-heights-ny-11577

当我单击提交按钮并查看浏览器控制台时，我看到了 url，因此我知道当 console.log 指令执行时 url 值是有效的。

这是控制器中的代码：

[HttpPost]
public string GetUrlSource(string url)
{
    url = url.Substring(0, 4) != "http" ? "http://" + url : url;
    string htmlCode = "";

    using (WebClient client = new WebClient())
    {
        try
        {
            htmlCode = client.DownloadString(url);
        }
        catch (Exception ex)
        {
        }
    }

    return htmlCode;
}

我在GetUrlSource 的第一行代码处设置了一个断点，当我查看变量 url 时，它有一个空值。

任何想法为什么会发生这种情况？我在 Mac 上运行 Visual Studio 2019。该应用程序是一个 .NET Core 应用程序。

提前致谢。

Answer 1

尝试以下操作：

 $("#submit").click(function (e) {
            var urlValue = $("#urlInput").val();
            console.log(urlValue);

            $.ajax({
                type: "POST",
                url: "/Home/GetUrlSource",
                data: { url: urlValue },
                dataType: "html",
                success: function (result, status, xhr) {
                    ExtractData(result);
                    //GetUrlTelePhone(result);
                },
                error: function (xhr, status, error) {
                    $("#message").html("Result: " + status + " " + error + " " + xhr.status + " " + xhr.statusText)
                }
            });
        });

上面的代码中有两个修复：

1. data: { url: urlValue },
2. 删除contentType: "application/json; charset=utf-8", 以使用默认值。默认为：application/x-www-form-urlencoded; charset=UTF-8

   这对我有用。如果不起作用，请尝试清理浏览器缓存。