ajax 를 활용한 목록 불러오기 채택완료
벌써30대
6년 전
조회 4,766
(출처 - 옥션)
안녕하세요. 위 옥션의 목록 처럼
해당 상품 목록명을 클릭하면 그에 해당하는
목록을 불러 오려고 하는데요,
item.php
</p>
<p><div class="tab_type1"></p>
<p> <button class=" on" onclick="portfolio('1');">전체</button></p>
<p> <button class="" onclick="portfolio('제품&브랜드');">제품&브랜드</button></p>
<p> <button class="" onclick="portfolio('케이블광고');">케이블광고</button></p>
<p> <button class="" onclick="portfolio('홍보&홈쇼핑');">홍보&홈쇼핑</button></p>
<p> <button class="" onclick="portfolio('분양');">분양</button></p>
<p></div></p>
<p> </p>
<p><div class="p_list"><!--전체--></p>
<p> <div class="element-item" id="el_item"></div></p>
<p></div><!--p_list--></p>
<p> </p>
<p><script></p>
<p>function portfolio(f) {</p>
<p> var item = f;</p>
<p> </p>
<p> $.ajax({</p>
<p> type: 'post',</p>
<p> url: '../bbs/ajax.item.php',</p>
<p> data: { item : item },</p>
<p> success: function(data){</p>
<p> $("#el_item").html(data);</p>
<p> }</p>
<p> });</p>
<p> }</p>
<p></script></p>
<p>
ajax.item.php
</p>
<p><?php</p>
<p>include_once('./_common.php');</p>
<p>if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가</p>
<p> </p>
<p>$item = $_POST['item'];</p>
<p> </p>
<p>$sql = "SELECT * FROM g5_write_portfolio WHERE ca_name = '$item'";</p>
<p>$result = sql_query($sql);</p>
<p> </p>
<p>for($i=0; $row=sql_fetch_array($result); $i++) {</p>
<p> </p>
<p>echo "<div class='element-item' id='el_item'>".$row['wr_subject']."</div>";</p>
<p>}</p>
<p>?></p>
<p>
이렇게 작업 했습니다.
불러오긴 하는데 div 도 먹히지 않고, class 도 먹히지 않습니다.
1. 목록은 불러와 지지만 div/class 가 먹히지 않습니다.
2. 만약 불러온 목록에 해당 게시글로 이동하는 링크 & 썸네일을 적용 시키려면 어떻게 해야 할까요?
(이미지는 저장되어 있는걸 불러와도 됩니다)
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
6년 전
1. $.ajax 속성에 dataType:'html'을 추가해보시겠어요.
2. ajax.item.php에서 링크 썸네일을 그대로 꾸며주시면됩니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
�
벌써30대
6년 전
�
세크티
6년 전
혹시 서버에 올리고 만드시고계시면 주소를 알수있을까요?쪽지로 주셔도됩니다.
�
벌써30대
6년 전
답변이 늦었습니다 ㅠㅠ 해결 했습니다!
알고보니 css 상속 문제 때문에 제대로 안되는거였습니다.
정말 죄송합니다! 그리고 감사합니다.
알고보니 css 상속 문제 때문에 제대로 안되는거였습니다.
정말 죄송합니다! 그리고 감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<script>
function portfolio(f) {
var item = f;
$.ajax({
type: 'post',
dataType: 'html',
url: '../bbs/ajax.item.php',
data: { item : item },
success: function(data){
$("#el_item").html(data);
}
});
}
</script>
[/code]
말씀하신것 처럼 해봤지만...제대로 실행이 되지않습니다 ㅠ