2026, 새로운 도약을 시작합니다.

keyup 이벤트로 넣은 값 ajax로 보내기 채택완료

글자를 입력하면 글자 수를 세어서 

그 글자 수를 ajax 쪽에 보내야 합니다.

word를 입력받으면 word_num 으로 글자 수가 들어가고 

word_num 을 받아와 ajax 쪽으로 보내고 싶은데 안 되네요.

어떤 부분이 문제일까요..?

입력 받는 부분

Copy


  문구  

         문자 수  0

글자 수 계산 부분 

Copy
 

$(document).ready(function() {

$('#word').keyup(function (){

    var content = $(this).val();

 

    $('#word_num').text(content.length);    //글자수 실시간 카운팅

});

    });

ajax 부분

Copy


$(document).ready(function() {

$('#ndl_cnt').on("propertychange change keyup paste input", function() {

  var font = $('#font').val();

  var word_height = $('#word_height').val();

  var word_width = $('#word_width').val();

  var word_num = $('#word_num').val();

 

  $.ajax({

                url:'/jasu/ajax/font_calculate_ajax.php',

                type:'POST',

                data:{

                  font : font,

                  word_height : word_height,

                  word_width : word_width,

                  word_num : word_num,

                },

                dataType : "html",

                success:function(data){

                  $('#font_result').val(data);

      }

            });

        });

      });

font_calculate_ajax.php

Copy


$font = strval($_POST['font']);

$word_height = floatval($_POST['word_height']);

$word_width = floatval($_POST['word_width']);

$word_num = intval($_POST['word_num']);

답변 5개

채택된 답변
+20 포인트

word_num : word_num,

->

word_num : word_num

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

댓글 감사합니다
글자 수를 계산하여 word_num에 넣어주고 넣어준 값을
받아오는 부분에서 값을 받아오지 못하는 듯 보이는데 다르게 받아야 할까요..?
가장 쉬운 테스트 파일부터 만들어 하나씩 추가해나가는 방법이 있습니다.

$("#aa_cnt").on('change', function() {
var bb = 'abc';

$.ajax({
url: 'ajax_proc.php',
type: 'POST',
data: {aa: bb, cc: dd, val : _val},
context: this,
success: function(data) {
alert('data');
}
});
});

댓글을 작성하려면 로그인이 필요합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

추가 피해자 방지 https://sir.kr/conflictconsultation/245

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

디버깅 네트워크탭 페이로드 에서 값이 넘어오는지 확인해 보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

페이로드에서 값이 넘어가지 않습니다

0도 아닌 완전히 공백으로 표시되고 있습니다
var font = $('#font').val();
var word_height = $('#word_height').val();
var word_width = $('#word_width').val();
var word_num = $('#word_num').val();

가져오는 값을 console.log(); 로 찍어보세요

그리고 word_num : word_num, 마지막 콤마는 지우셔야 합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고