ajax成功加载超链接的html页面答案

【问题标题】：success on ajax loads html page of hyperlinkajax成功加载超链接的html页面
【发布时间】：2020-12-19 20:16:29
【问题描述】：

我有一个按钮，点击它会触发 AJAX 调用。成功后，我希望更新超链接href。但是，使用下面的代码，它不仅更新了 href，它实际上还加载了页面并将链接的内容吐出到屏幕上。

     e.preventDefault();
     e.stopPropagation();
     $(this).hide();
     $("#create_inv_msg").show();
     $("#create_inv_msg").fadeIn(400).html('saving...');
     $.ajax({
        type: "POST",
        url: "sales/AJAX_sales.php",
        data: dataString,
        cache: false,
        success: function(result){
           if (result!="GAGAL")
           {
              $("#create_inv_msg").html("SUKSES");
              $("#sales_edit_link").attr("href","sales_edit.ui.php?sales_id=" + result);
              $("#sales_edit_link").text(result);
              $("#sales_edit_link").show();
              $("#new_POS_btn").show();
           }
        }
     });

这是正常行为吗？我只想在 AJAX 调用成功后显示一个超链接。

【问题讨论】：

标签： jquery button hyperlink onclick attr

【解决方案1】：

我的 AJAX 服务器代码似乎有些错误。问题解决了。感谢 Lundstromski 对 Codepen 的帮助。

【讨论】：

【解决方案2】：

这是你所追求的行为吗？ CodePen

您似乎也错过了 url 参数中的引号：

 $.ajax({
    type: "POST",
    url: sales/AJAX_sales.php",

【讨论】：

抱歉，我的代码中的引号是正确的，但在我提问时忘记输入了。但是，是的，这种行为是我所追求的......但是，在我的代码中，结果只是一个字符串“FAIL”或销售 ID。它不仅打印销售 ID 的超链接，还加载超链接的内容并显示它。除了 AJAX 的来源之外，我看不出我的代码和你的代码有任何区别。