尝试使用 Jquery Ajax 帖子从我的 URL 中提取数据并将其发布到我的 html Div答案

【问题标题】：Trying to use a Jquery Ajax post to pull data from my URL and post it in my html Div尝试使用 Jquery Ajax 帖子从我的 URL 中提取数据并将其发布到我的 html Div
【发布时间】：2020-01-13 11:40:22
【问题描述】：

我正在尝试使用 Jquery Ajax Post 方法提取实时数据。我对如何用这种语言编写代码只有一点想法。我主要处理 SQL 和 C#。有人告诉我这是要使用的脚本，应该没问题。我认为我可以做到，并研究它。但是每次我这样做时，我都没有从运行它时获得其他信息。我在 ASP.NET 中运行它并连接了我的 Jquery 源。还是应该将脚本放在单独的 jquery 文件中并将其链接到我的 html？任何帮助将不胜感激。

尝试更改从 URL 中提取数据的方式。我尝试输入我的用户并通过 HTML 以这种方式直接提取数据。然后我尝试将它们放入脚本本身。没用。我明明拿出了用户名密码和查询ID。从我被告知的内容来看，Jquery 脚本是正确的语法，我的 div 的结果是我搞砸的地方。

<script src="jquery-3.4.1.js"></script>
<script type="text/Javascript">
    function fGetData() {
        jQuery.support.cors = true;

        $.ajax({
            type: "Post",
            url: "MyURL",
            data: JSON.stringify(
                {
                    USER_ID: "Username",
                    PASSWORD: "Mypassword",
                    QUERY_ID: 1234,
                    parameters: [
                        { key: "ORG_ID", values: ["1.32.10", "1.71"] },
                        { key: "term_dt", values: [""] }
                    ]),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            headers: {
                Accept: "application/csv"
            },
            success: function (pData) {
                console.debug(pData);
            }
        });
</script>
</head>
<body>
<input type="button" id="Results" value="Get Results" />
<br /> <br />
<div id="pData">
</div>
</body>

如果执行得当，它会在您点击“结果”按钮后，在 DIV 所在的 HTML 页面上显示实时更新的数据。

【问题讨论】：

在“url:”MyURL“”的代码中，你是否在最后放置了实际的 url、路径等？如果是这样，请发布您要发布的页面的代码。

标签： jquery html ajax asp.net-ajax

【解决方案1】：

我在 ASP.NET 中运行它并连接了我的 Jquery 源。要么我应该将脚本放在单独的 jquery 文件中并将其链接到我的 html?

您可以直接在您的页面中引用该文件。您只需要确保在使用任何 jquery 函数之前引用 jquery。

'url'参数是你的ajax调用好像是错误的，它只是一个简单的字符串。您必须将具有 POST 方法的 url 放入后端。（我假设你没有混淆网址）

在你的问题中你说

假设在 HTML 页面上显示实时更新的数据 DIV 在哪里...

但是在你的成功函数中，你只记录 ajax 调用的结果（如果调用实际上返回任何东西），当你可能想要这样的东西时：

success: function (pData) {
    // treat your result data here
    $('#pData').append(pData);
}

可以看here方法的解释。

【讨论】：