ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery ajaxでのボタンと送信の違いの分析

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

高洛峰
高洛峰オリジナル
2017-01-11 11:36:361091ブラウズ

<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 サイトに注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。