ajaxと完全なリクエストを混在させる

私は同じ形式でアヤックスと完全なリクエストを持っています。マウスをクリックすると入力フィールドのAjaxが起動し、マウスのクリック直後に同じ入力フィールドでEnterキーを押すと、下に示すような厄介なエラーが表示されます。

“Http
Transportは0のステータスコードを返しました。これは、通常、ajaxと完全なリクエストを混在させた結果です。これは、パフォーマンスとデータの整合性の理由から、通常望ましくありません。

私の場合、入力フィールドはajaxを使用するラジオボタンです。 enterを押すと完全な要求が発生しています。
私はBalusCのJavascript関数を使用しました。この関数には私のために働くevent.stopPropagation()があり、テキスト入力フィールド用でした。それはまた、ドロップダウンリストのために働いた。
しかし、同じevent.stopPropagation()はラジオボタンでは機能していません。 参考までに
BalusCの回答
をチェックすることができます。

以下は動作していないようなコードです


....

Javascript関数

function enterToChange(event){
if (event.keyCode==13 && event.target.id.match('radiobutton_id'){
event.stopPropagation();//Don't bubble up.
event.preventDefault(); //Prevent default behaviour (submitting the form).
event.target.onchange();//Trigger onchange where key was actually pressed.
}
}

Firebugを使用してif節の文が実行されるのを確認しましたが、何らかの理由でエラーがポップアップし、すぐにページ全体がレンダリングされます。私はどんな場合でもエラーを回避する必要があります。

いずれの答えも高く評価されます。 ありがとう

ベストアンサー

Enterは提出するためにバインドされます。したがって、イベントkeyCodeが13で、イベントターゲットIDがラジオボタンのIDと一致する場合、送信ボタンのonclickイベントはfalseを返すJS関数を起動する必要があります。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です