时间戳

首页 > 解决方案 > 尝试使用 Jquery Ajax 帖子从我的 URL 中提取数据并将其发布到我的 html Div

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

问题描述

我正在尝试使用 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 页面上显示实时更新的数据。

标签： jqueryhtmlajaxasp.net-ajax

解决方案

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

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

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

在你的问题中你说

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

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

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

您可以在此处查看该方法的说明。

推荐阅读