ajax로 스크랩을 이용해서 저장 버튼을만드는데 validation 에러가 나옵니다
본문
에러가 뜹니다.
validation 체크가 뜨고 있어요. 상황을 차근 차근 말씀드리겠습니다.
한달동안 노력해본 스크랩을 하나 더 추가해보는건 성공해서
이번엔 게시판 즐겨찾기를 해보고 있습니다.
할줄을 몰라서, 스크랩하는 방식을 최대한 이용해봤어요.
즐겨찾기할 데이터 테이블을 만들고, 각 쿼리문도 스크랩형식을 빌려와 최대한 이용했어요.
bbs/scrap3.php // view페이지에 보여줄 형식을 쿼리문으로 작성
bbs/scrap3_add.php // 데이터를 입력받아 데이터 테이블에 올려줄 쿼리문
bbs/scrap3_delete.php // 데이터 테이블에서 삭제할 쿼리문
최대한 목표는 게시판 리스트에서, 버튼을 클릭했을때 데이터 테이블에 게시판값이 올라가는게 목표입니다
bbs/scrap3_add.php 의 소스는 아래와 같구요.
if (!$is_member)
alert_only("로그인 후 이용하실 수 있습니다.");
// 게시판이 존재하는지
if(!$board[bo_table]) {
alert('게시판이 존재하지 않습니다.');
}
$sql = " select count(*) as cnt from {$g5['scrap3_table']} where mb_id = '{$member['mb_id']}' and bo_table = '$bo_table' ";
$row = sql_fetch($sql);
if ($row['cnt']) {
alert_close('이미 등록하신 게시판입니다.');
}
sql_query("insert into {$g5['scrap3_table']} set mb_id = '{$member['mb_id']}', bo_table = '{$bo_table}' ");
alert_close(" '{$board['bo_subject']}'를 등록하였습니다.");
이제 게시판 list에서
ajax를 이용해서 버튼을 누르면 데이터값이 전송되는걸 해보려고 했습니다.
게시판명 삭제하는건 나중에 어찌되겠지 전송하기부터만 해보자 하는 생각으로 해보고 있어요.
<script type="text/javascript">
function scrap_submit() {
var form = $("form[name=favoriteInfo]").serialize();
$.ajax({
type: 'POST',
url: g5_bbs_url+"/scrap3_add.php",
data: form,
success: function(data) {
alert("성공");
},
error: function() {
alert("실패");
}
});
});
</script>
이렇게 스크립트 부분을 해놓고 폼을 적어야겠다고 생각이 들어서
<form name="favoriteInfo" action="<?php echo G5_BBS_URL?>/scrap3_add.php" method="post"> >
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
<input type="hidden" name="mb_id" value="<?php echo $mb_id ?>">
</form>
그리고 버튼 부분은
<?php if ($scrap3_href) { ?><a href="javascript:;" onclick="scrap_submit()" class="btn btn-black">추가하기</a><?php } ?>
이렇게 해봤어요.
버튼을 누르니깐. 게시판이 데이터테이블에 전송이 됩니다. 예..성공은 했어요..
그런데 문구창에 에러가 떠요
iv id = "validation_check">
<h1> 다음 항목에 오류가 있습니다 </h1>
<p class="cbg">
이게 무슨소린지 잘 모르겠어요
구글링을 열심히 해본결과 토큰에 문제가 있는거 같다? 라는 대강의 이야기만 본듯 하지만
사실 그걸 뭘 어찌해야하나 하는 총체적 상황에 빠져있어요. 뭘 잘못 했나보다 하는 생각만 들뿐 ㅠ
두번째로 여쭐건
아래 코드 부분인데
<script type="text/javascript">
function scrap_submit() {
var form = $("form[name=favoriteInfo]").serialize();
$.ajax({
type: 'POST',
url: g5_bbs_url+"/scrap2_add.php",
data: form,
success: function(data) {
alert("성공");
},
error: function() {
alert("실패");
}
});
});
</script>
성공했을때 실패했을때 알럿창이 뜨게 하려니
이미 위에 소스를 적은 bbs/scrap3_add.php 안에 알럿창이 있어서 중복이 되는거 같아
소용이 없는거 같아요.
아래 내용에서 알럿내용은 그냥 지워도 상관없겠지요?
success: function(data) {
alert("성공");
},
error: function() {
alert("실패");
진짜 초보라서..열심히는 노력하는데..전문용어를 잘 몰라요 ㅠ.ㅠ
쉽게 진단좀 부탁드립니다.
!-->!-->!-->!-->!-->
답변 1
iv id = "validation_check">
이부분을 보시면 iv id ▶ <div에서 <d 가 짤린거 같네용
scrap3_add.php
우선 이파일을 점검 또는 살펴보셔야할거 같아요
alert는 확인용이라서 원하시는 작동이 이뤄지면 지워도 괜찮습니다.
리스트에서 올리는건 success 이후 제이쿼리로 tr 최상단에 넣어주고 맨 아래 tr을 날려주는 소스를 만드시면 될거 같아요
점점 능력자에 한발자국씩 다가가시고 계신거 같습니다.
화이팅입니다.