Question

所以我有以下代码：

    $(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"))
%>

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

Answer 1

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

更新：我建议您首先确定问题所在。安装Fiddler并运行您的代码。通过Fiddler查看HTTP流量。这样，您可以看到服务器返回的内容（您可以看到HTTP响应正文）。如果没有发回任何内容，则问题出在服务器上。如果发回了某些内容但未显示，那么当然您必须检查客户端。

Answer 2

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

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

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

然后将回调函数添加到$（“＃imagePreview”）。加载以查看您作为回复的确切内容。

使用JQuery和ASP加载动态内容

2 个答案: