2012-12-04 39 views
1

我想通過ajax-jquery顯示圖像。jquery Post不工作​​只是在我的頁面的這部分

這是我的HTML的一部分:

<div id="searchFormResult1"></div> 

<form action="#" method="post" id="searchForm" onSubmit="return false;"> 
    <input type="text" maxlength="10" id="searchid" name="searchid" class="searchstu" /> 
    <input type="submit" value="0" id="searchsubb" class="hidd searchsub" /> 
    <a href="#" id="link-2" onClick="sear(); return false;"></a> 
</form> 

div標籤是返回PHP的地方。

我jQuery是這樣的,我把jQuery的HTML頁面裏:

$("#searchsubb").click(function(){ 
$.post("parts/search.php", {searchid:$("#searchid").val()}, function(data){ 
    $("#searchFormResult1").html(data).slideDown(); 
}); 
}); 

還我一個PHP頁面,返回的圖像HTML標籤:

是這樣的:

print "<img src='' /> and other thing"; 

但我的返回值沒有收到。

我沒有在我的瀏覽器中得到任何錯誤,我相信問題不是從我的PHP。

我在某些時候在鉻中收到此錯誤。

Error in event handler for 'undefined': INDEX_SIZE_ERR: DOM Exception 1 Error: Index or size was negative, or greater than the allowed value. 
at J (chrome-extension://mgijmajocgfcbeboacabfgobmjgjcoja/content_js_min.js:14:142) 
at null.<anonymous> (chrome-extension://mgijmajocgfcbeboacabfgobmjgjcoja/content_js_min.js:17:184) 
at chrome-extension://mgijmajocgfcbeboacabfgobmjgjcoja/content_js_min.js:1:182 
at miscellaneous_bindings:286:9 
at chrome.Event.dispatchToListener (event_bindings:387:21) 
at chrome.Event.dispatch_ (event_bindings:373:27) 
at chrome.Event.dispatch (event_bindings:393:17) 
at Object.chromeHidden.Port.dispatchOnMessage (miscellaneous_bindings:253:22) 

回答

3

我相信你在提交表單的同時你發起了ajax請求。

添加return false以防止表單提交。

$("#searchsubb").click(function(){ 
$.post("parts/search.php", {searchid:$("#searchid").val()}, function(data){ 
    $("#searchFormResult1").html(data).slideDown(); 
}); 
return false; 
}); 
+0

我的頁面刷新。但沒有發生。 –

+0

chrome顯示的響應是什麼? –

+0

TNX它的工作。我刪除返回false;從表單提交。並像你說的那樣將它添加到jquery中。 –

0

問題必須在PHP否則ü會得到從阿賈克斯的響應,當AJAX會從零件/ search.php中的響應,嘗試尋找螢火蟲的響應標籤從$。員額第三個參數觸發,如果你沒有一個是空的或沒有響應

相關問題