ajax 特定のdataの扱い方

Question

###前提
プロフィールページを作成しています。

###実現したいこと
保存ボタンを押した後にajaxにて変更後のデータをサーバー送りたいです。

###試したこと
下記コードにて入力データ全てを console.log(response)で表示することはできました。
全ての入力データから名前（パラメータ名：nickname）だけをサーバーに送るにはどうすればよいでしょうか。

###該当のソースコード

        $.ajax({
            url:"/api?p=user.update",
            type: "POST",
            dataType: 'text',
            data:{"nickname":"nickname"},
            success: function(response){
                console.log(response)
            return response;
        },
               error: function(response){
            return response;
        }
        });

 <td><span class="nickname_data"><?php echo htmlspecialchars($user->display_name); ?></span>
                                <input class="input input_nickname" type="text" name="nickname"  value="<?php echo $user->display_name; ?>">
                                <img src="/images/mypage/btn_edit.png" alt="編集" class="edit edit_on edit_nickname pcOnly">
                                <img src="/images/mypage/btn_save.png" alt="保存" class="save_nickname  save edit_off pcOnly">
                                <img src="/images/mypage/btn_cancel.png" alt="キャンセル" class="cancel edit_off cancel_nickname pcOnly ">
                                </td>

Answer 1

変数を使うことでできました

var $nickname = $('.nickname_data').text();
        $.ajax({
            url:"/api?p=user.update",
            type: "POST",
            dataType: 'text',
            data:{nickname:$nickname},
            success: function(response){
                console.log(response)
            return response;
        },
               error: function(response){
            return response;
        }
        });

ありがとうございました。