keyup 이벤트로 넣은 값 ajax로 보내기 채택완료
글자를 입력하면 글자 수를 세어서
그 글자 수를 ajax 쪽에 보내야 합니다.
word를 입력받으면 word_num 으로 글자 수가 들어가고
word_num 을 받아와 ajax 쪽으로 보내고 싶은데 안 되네요.
어떤 부분이 문제일까요..?
입력 받는 부분
</p>
<p> <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></p>
<p> <td id="subject" width="10%"> 문자 수 </td> <td width="4%"><span id="word_num" name="word_num" type="text" >0</span></td></p>
<p>
글자 수 계산 부분
</p>
<p>$(document).ready(function() {</p>
<p>$('#word').keyup(function (){</p>
<p> var content = $(this).val();</p>
<p> </p>
<p> $('#word_num').text(content.length); //글자수 실시간 카운팅</p>
<p>});</p>
<p> });</p>
<p>
ajax 부분
</p>
<p>$(document).ready(function() {</p>
<p>$('#ndl_cnt').on("propertychange change keyup paste input", function() {</p>
<p> var font = $('#font').val();</p>
<p> var word_height = $('#word_height').val();</p>
<p> var word_width = $('#word_width').val();</p>
<p> var word_num = $('#word_num').val();</p>
<p> </p>
<p> $.ajax({</p>
<p> url:'/jasu/ajax/font_calculate_ajax.php',</p>
<p> type:'POST',</p>
<p> data:{</p>
<p> font : font,</p>
<p> word_height : word_height,</p>
<p> word_width : word_width,</p>
<p> word_num : word_num,</p>
<p> },</p>
<p> dataType : "html",</p>
<p> success:function(data){</p>
<p> $('#font_result').val(data);</p>
<p> }</p>
<p> });</p>
<p> });</p>
<p> });</p>
<p>
font_calculate_ajax.php
</p>
<p>$font = strval($_POST['font']);</p>
<p>$word_height = floatval($_POST['word_height']);</p>
<p>$word_width = floatval($_POST['word_width']);</p>
<p>$word_num = intval($_POST['word_num']);</p>
<p>
답변 5개
답변에 대한 댓글 2개
$("#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" rel="nofollow noreferrer noopener" target="_blank">https://sir.kr/conflictconsultation/245
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 2개
0도 아닌 완전히 공백으로 표시되고 있습니다
var word_height = $('#word_height').val();
var word_width = $('#word_width').val();
var word_num = $('#word_num').val();
가져오는 값을 console.log(); 로 찍어보세요
그리고 word_num : word_num, 마지막 콤마는 지우셔야 합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
글자 수를 계산하여 word_num에 넣어주고 넣어준 값을
받아오는 부분에서 값을 받아오지 못하는 듯 보이는데 다르게 받아야 할까요..?