2012-05-31 256 views
0

所以我有以下代碼:加載動態內容與jQuery和ASP

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

這是應該得到的數據發送到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文件,但我我一直在尋找一個解決方案,我一直沒有找到任何東西。任何幫助深表感謝。

回答

1

圖像是基於HTTP的流,或者可能使用base64編碼嵌入到HTML文檔中。你從imageProcess.aspx文件返回什麼?您是否在HTTP響應中設置了正確的Content-Type標題(例如image/pngimage/jpg)?

更新:我建議您首先確定問題出在哪裏。安裝Fiddler並運行你的代碼。通過Fiddler查看HTTP流量。這樣,您可以看到服務器已返回的內容(您可以看到HTTP響應正文)。如果沒有發回,那麼問題出在服務器上。如果有東西被髮回,但沒有顯示,那麼當然你必須檢查客戶端。

+0

現在我只想讓原始頁面顯示從.asp文件返回的原始文本,以便我知道它正在工作。我在那裏的東西實際上就是在asp文件中的所有內容,並且通過GET參數發送的內容只是兩個字符串。 –

1

我會推薦使用一個程序,它會告訴你在你的ajax調用中發送和接收到的是什麼。我個人使用http://www.fiddler2.com/fiddler2/

如果您不想使用新程序,我會在asp文件中添加一些額外的代碼來驗證您是否獲得了預期的查詢字符串。即改變他們是

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

然後添加一個回調函數到$(「#imagePreview」)。負載看看你會得到什麼作爲響應。