Question

我已经使用jQuery编写了一些代码来使用Ajax从另一个WebForm获取数据，并且它工作正常。我正在将代码复制到另一个项目，但它无法正常工作。单击一个类成员时，它将为我提供已连接到输入ID的ProductID，但它从不会警告来自$ .get的数据。我设置的测试页面（/Products/Ajax/Default.aspx）只返回文本“TESTING ...”。我在IE中安装了Web Development Helper，它显示请求进入测试页面，状态为200，带有正确的返回文本。但是，jQuery刷新我的调用页面之前它会向我显示我要求的数据。以下是我页面中的代码段。如果您还需要查看其他代码块，请与我们联系。谢谢！

 <script type="text/javascript">
        $(document).ready(function() {
            $(".addtocart_a").click(function() {

                var sProdIDFileID = $(this).attr("id");
                var aProdIDFileID = sProdIDFileID.split("_");
                var sProdID = aProdIDFileID[5];
                // *** This alert shows fine -- ProdID: 7
                alert("ProdID: " + sProdID);

                $.get("/Products/Ajax/Default.aspx", { test: "yes" }, function(data) {
                    // *** This alert never gets displayed
                    alert("Data Loaded: " + data);
                }, "text");
            });
        });    
    </script>

<input src="/images/add_to_cart.png" name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder1$aAddToCart_7" type="image" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_aAddToCart_7" class="addtocart_a" />

Answer 1

最简单的方法是告诉jQuery不要返回任何内容。

$(".addtocart_a").click(function(e){

  // REST OF FUNCTION

  return false;
});

祝你好运！如果您还有其他需要，请告诉我。

jQuery $ .get刷新页面而不是提供数据

1 个答案: