jQuery/.ajax()

解説 非同期通信処理
sample1 id = @rise, pass = 1982 のみ成功

名前

パスワード

sample1code
$(function(){
	// Ajax button click
	$('#ajax').on('click',function(){
	    $.ajax({
	        url:'./post.php',
	        type:'POST',
	        data:{
	            'userid':$('#userid').val(),
	            'passward':$('#passward').val()
	        }
	    })
	    // Ajaxリクエストが成功した時発動
	    .done( (data) => {
	        $('#result').html(data);
	        console.log(data);
	    })
	    // Ajaxリクエストが失敗した時発動
	    .fail( (data) => {
	        $('#result').html(data);
	        console.log(data);
	    })
	    // Ajaxリクエストが成功・失敗どちらでも発動
	    .always( (data) => {
	
	    });
	});
});

header('Content-type: text/plain; charset= UTF-8');
if(isset($_POST['userid']) && isset($_POST['passward'])){
    $id = $_POST['userid'];
    $pass = $_POST['passward'];
    $str = "AJAX REQUEST SUCCESS\nuserid:" . $id . "\npassward:" . $pass . "\n";
    $result = nl2br($str);
    echo $result;
}else{
    echo 'FAIL TO AJAX REQUEST';
}
	
sample2
id name score
sample2code
$(function(){
  $('#s2Btn').click(function(){
	$("#s2Div").html("データ取得中です");
	$.ajax({	
	  url: 'data2.json',
	  type: 'POST',
	  dataType:'json',
	  timeout:1000
	}).done(function(data){