console.log(""); が表示されない。

Question

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

        });
    });
});

<form>
<tr>
<th>名前</th>
<td><input type="text" id="name"></td>
<th>題名</th>
<td><input type="text"id="sub_name" ></td>
</tr>
<div>
<input  type="button" name="Ajax" id="Ajax" value="検索">
<script th:src="@{/js/books.js}" id="selectNum"></script>
</div>
</form>

ajaxの非同期処理をしたいのですが、値が取れません。
console.log("data");　を何度も試してみましたが、F12で確認しましたが、表示されません。
console.log("data");が表示されないので、何も動いてないようですが、どうしたら改善されるか教えてほしいです。

Comments

[yambejp]

前回質問で直されたところ同じ間違いのままですよ

[退会済みユーザー]

前回の質問を張り付けてしまいました。すいません。変更後も表示がされないです。

Answer 1

原因はたぶん

$('#ajax').on('click',function(){

こっちはidが「Ajax」なので「#Ajax」としなくてはいけません
もし#ajaxを使うならinputのidをid="ajax"にしてください

Comments

[退会済みユーザー]

有難うございます。反応がありましたが、また$.Ajax is not a functionが出てしまいました。

[yambejp]

いや、だから関数（メソッド）として使う方は「$.ajax」なんです
すべてはid="Ajax"としたことで混乱したのでしょう。
大文字小文字の違いをもっと真剣に理解してください

[退会済みユーザー]

slimを消したらajaxが機能しました。有難うございます。
大文字小文字の違いですが、文法的な理解の問題でしょうか？どうしたら、大文字小文字の違いを理解できるようになるかわかりません。。