1

ajax-jquery で画像を表示しようとしています。

これは私の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は次のようなもので、htmlページ内にjqueryを配置しました：

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

また、画像の html タグを返す php ページもあります。

このようなもの：

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)
4

2 に答える 2

3

ajaxリクエストを発行すると同時にフォームを送信すると思います。

return falseフォームの送信を防ぐために追加します。

$("#searchsubb").click(function(){
$.post("parts/search.php", {searchid:$("#searchid").val()}, function(data){
    $("#searchFormResult1").html(data).slideDown();
});
return false;
});
于 2012-12-04T17:55:25.927 に答える
0

問題はphpにある必要があります。そうしないと、ajaxから応答が返されます。3番目の引数は、ajaxがparts/search.phpから応答を取得したときにトリガーされます。応答タグがない場合は、firebugで検索してみてください。空であるか、応答していません

于 2012-12-04T17:57:14.327 に答える