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
댓글 감사합니다
글자 수를 계산하여 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');
}
});
});
디버깅 네트워크탭 페이로드 에서 값이 넘어오는지 확인해 보세요
페이로드에서 값이 넘어가지 않습니다
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, 마지막 콤마는 지우셔야 합니다.