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으로 처리만 해 주면 될 것 같습니다.
1. <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>
</div>
이런 식으로 되어있습니다.
2. form에 action 링크랑 method="post"방식이 아닌 ajax처리로 post 값을 넘겨주고 싶습니다.
3. formData는 제가 인터넷에서 찾아본 form안에 있는 데이타를 넘는거라고 해서 썻는데 아직 정확히는 잘 모르겠습니다
처음 하다 보니 막히는 부분이 많네요
다른 분이 이미 답변하셨네요.
var formData = $("#config_form").serialize();
이걸 $.ajax({ 위에 먼저 선언해 놓으시면 됩니다.
나머지는 실제로 받는 페이지에서 작업하시면 되구요.
실제 받을 페이지에서는 값을 받아서 사용할려면 어뜩게 작성을 해야되나요??
if($_POST['cf_title']) {
이 부분에서 무언가 처리...
}
var cf_title = $("#cf_title").val();
1.post로 cf_title 값을 보내는 페이지(1)
2.페이지(2)에post로 보낸 cf_title값을 받는거를 하고 싶은겁니다
ajax통신을 통해서요
var formData = jQuery("#config_form").serialize(); //이부분은 찾아보세요.
이런 식으로 값을 보낼 페이지에 작성을 하고 받을 페이지에서는 formdata값을 어뜩게 추출해야되나요??
<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'], ' 입니댜.';
?>
title 외에 폼안에 잇는 여러값들을 다 넘겨서 사용할려는데 data쪽에 만 수정을 해야되나요??
예를 들어서 name, id, host 등등이요
그걸 일일이 다해줘야되나요?