ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery ajaxでのボタンと送信の違いの分析

jQuery ajaxでのボタンと送信の違いの分析

高洛峰
リリース: 2017-01-11 11:36:36
オリジナル
1115 人が閲覧しました

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#submit").click(function(){ 
$.post("sendPwd.php",{QQnum:$("#QQnum").val(),psw:$("#psw").val()},function(data){ 
$("#aaa").html(data); 
},"html"); 
}); 
}); 
</script>
ログイン後にコピー

jQuery ajax の post メソッドをこのように記述すれば問題ありません。submit ボタンをクリックすると、sendPwd.php が $_POST を通じて渡された値を受け取り、データをエコーし​​ます。ただし、戻り値を表示することはできません。理由は次のとおりです:

<input type="submit" name="submit" id="submit" value="提交" />
ログイン後にコピー

送信ボタンのタイプは submit であり、クリックしても何も起こりません。一度クリックすると結果が出て元に戻すということを偶然発見したので、おかしいと思いネットで調べたところ、ほとんどのボタンがボタン型になっていたので、ボタンに変更したら問題が発生しました。解決しました。

ボタンと送信の違いは何ですか?
送信は主にフォームを送信するために使用され、ボタンは主に JavaScript で操作され、それ自体がボタンです。 submit を使用する場合は、検証で false を返す必要があります。ボタンに設定したほうが便利だと思います。

jQuery ajax におけるボタンと送信の違いの分析に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート