post방식으로 값을 넘길때 ajax통신으로 받을려고 하는데 조언을 구합니다.
본문
답변 4
1. 우선 html 부분도 보여 주셔야 할 것 같습니다.
2. 그리고 submit을 ajax로 하겠다는 말씀이신가요?
3. data : formData(이 변수에 뭐가 담겨 있는지 앞단이 어떻게 되어 있나요?)
<input type="text" id="cf_title" name="cf_title" value="aaaa" />
이게 submit 하려는 form 안에 있는 거라면 굳이 따로 뺄 필요도 없이 받는 페이지에서 저 id를 가진 input의 name으로 처리만 해 주면 될 것 같습니다.
var cf_title = $("#cf_title").val();
var formData = jQuery("#config_form").serialize(); //이부분은 찾아보세요.
<form class="form-horizontal" id="config_form" name="config_form">
<div class="form-group">
<label for="cf_title" class="col-sm-3 control-label">사이트제목</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="cf_title" name="cf_title" placeholder="홈페이지 제목" value="<?php echo $config['cf_title'] ?>">
</div>
<input type="button" id="btn" value="send" />
</div>
출력 : <span id="output"></span>
<script>
$('#btn').on('click', function() {
$.ajax({
url: "test.php",
type: "POST",
data: {title:$('#cf_title').val()},
dataType: 'text',
success: function (data) {
$('#output').text(data);console.log(data);
},
error: function (jqXHR, textStatus, errorThrown) {
alert(jqXHR.responseText);
}
})
});
</script>
// test.php
<?php
echo $_POST['title'], ' 입니댜.';
?>