jquery - .loadを使用して変数にページコンテンツをロードし、アラートを出したい

Question

しかし、以下のコードは機能しません。submit.php：echo "Hi";

<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
    var input;
    input.load("submit.php");       
    alert(input);
});
});
</script>

Answer 1

ここでjquery$.postを確認してください

詳細については、こちらのjqueryapiドキュメントも確認してください

通常、ajaxリクエストは次のようになります

$.ajax({
  type: 'POST',
  url: 'sample.php',
  data: data,
  success: function(response){ alert(response); },
  dataType: dataType
});

sample.php

<?
    echo "hai";
?>

$.loadのデモはこちら

Answer 2

このように .load() を使用する必要があります

$('#result').load('ajax/test.html');

var には何も返しません。jQuery の.post、.get、.ajax関数を利用します。

Answer 3

まず、jQuery は JavaScript の機能を拡張するフレームワークであることを理解する必要があります。それを使用するには、jquery オブジェクトが必要です。javascript 変数を宣言し、その上で jquery 関数を呼び出そうとしています。

結果を含む変数が必要な場合は、次のようにすることができます。

jQuery.get("submit.php", function(response) {
   //here you have response that contains submit.php response
   alert(response);
});

申し訳ありませんが、@Dhirajの回答に気づきました。このメソッドは、「POST」を「GET」に切り替えるだけで、get witch を使用するだけで同じことを行うことができます。