keyup 이벤트로 넣은 값 ajax로 보내기

keyup 이벤트로 넣은 값 ajax로 보내기

QA

keyup 이벤트로 넣은 값 ajax로 보내기

본문

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

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

 

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

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

 

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

 

입력 받는 부분


 <td id="subject" width="10%" colspan="1"> 문구 </td> <td width="50%" colspan="4"><input id="word" type="text" name="word" placeholder="문구를 입력하세요" maxlength="30" required></td>
        <td id="subject" width="10%"> 문자 수 </td> <td width="4%"><span id="word_num" name="word_num" type="text" >0</span></td>

 

글자 수 계산 부분 

 
$(document).ready(function() {
$('#word').keyup(function (){
    var content = $(this).val();
 
    $('#word_num').text(content.length);    //글자수 실시간 카운팅
});
    });

 

ajax 부분


$(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


$font = strval($_POST['font']);
$word_height = floatval($_POST['word_height']);
$word_width = floatval($_POST['word_width']);
$word_num = intval($_POST['word_num']);

 

이 질문에 댓글 쓰기 :

답변 5

word_num : word_num,

->

word_num : 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');
    }
  });
});

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

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, 마지막 콤마는 지우셔야 합니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 36
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT