使用 JQuery 和 ASP 加载动态内容答案

【问题标题】：Loading dynamic content with JQuery and ASP使用 JQuery 和 ASP 加载动态内容
【发布时间】：2012-06-06 03:45:19
【问题描述】：

所以我有以下代码：

    $(document).on('click', 'a[data-link]', function () {
        var $this = $(this);
        url = $this.data('link');
        $("#imagePreview").load("imageProcess.aspx?" + url);
    });

这应该将 GET 数据发送到 imageProcess.aspx，然后将输出附加到 div id "imagePreview"。 url 从这里存储数据：

<a class='modelsBlue' href = '#' data-link='model="+$(this).find('model').text()+"&type="+category+"'>" + $(this).find("model").text() + "</a>

我遇到的问题是运行此代码时没有显示任何内容。目前我的 .aspx 文件只包含以下内容：

<%
   Response.Write(Request.QueryString("model"))
   Response.Write(Request.QueryString("type"))
%>

我是php背景的asp.net的新手，所以我确定问题出在asp文件中，但我一直在网上寻找解决方案，但我一直无法找到任何东西。非常感谢任何帮助。

【问题讨论】：

标签： jquery asp.net dynamic get load

【解决方案1】：

图像是通过 HTTP 的流，或者可以使用 base64 编码嵌入到 HTML 文档中。你从imageProcess.aspx 文件返回什么？您是否在 HTTP 响应中设置了正确的 Content-Type 标头（例如 image/png 或 image/jpg）？

更新：我建议您首先确定问题出在哪里。安装 Fiddler 并运行您的代码。通过 Fiddler 查看 HTTP 流量。这样，您可以看到服务器返回的内容（您可以看到 HTTP 响应正文）。如果什么都没有发回，那么问题出在服务器上。如果有东西被退回了，但没有显示出来，那么你当然要检查客户端。

【讨论】：

现在我只希望原始页面显示从 .asp 文件返回的原始文本，以便我知道它正在工作。我所拥有的实际上是 asp 文件中的所有内容，并且发送的内容只是通过 GET 参数的两个字符串。

【解决方案2】：

我建议使用一个程序，该程序可以准确地向您显示 ajax 调用中发送和接收的内容。我个人使用http://www.fiddler2.com/fiddler2/。

如果您不想使用新程序，我会在 asp 文件中添加一些额外的代码，以验证您是否获得了预期的查询字符串。即把它们改成

Response.Write("model:" & Request.QueryString("model"))

然后将回调函数添加到 $("#imagePreview").load 以准确查看您得到的响应。

【讨论】：