Ajax로 like 기능을 직접 구현하는 단계에 대한 자세한 설명

이번에는 Ajax로 like 기능을 직접 구현하는 방법을 단계별로 자세히 설명하겠습니다. Ajax에서 like 기능을 직접 구현하기 위한 주의사항은 무엇인가요? 바라보다.

먼저 모듈에서 중복되는 부분을 제거하고 --->뉴스분위기--->배경의 기분구성에 이름을 "좋아요"로 변경하고 제출 후 저장하세요.

두 번째는 뉴스 분위기를 수정하는 템플릿 파일입니다: /phpcms/templates/default/mood/index.html

모든 코드를 삭제하고 총 좋아요 수만 반환합니다.

{loop $setting $k $v} 
{$data[$v['fields']]} 
{/loop}

템플릿 페이지 구현은 다음과 같습니다. follow 배열을 반복하여 처리됨

<p class="info"> 
          <a href="http://phpcms.com/content-150-1-1.html" target="_blank" title="展会现场人头攒动"><h4 class="title ellipsis download">展会现场人头攒动</h4></a> 
          <p class="date">2017-02-01</p> 
          <p class="sum"> 
            <span class="laud"><i class="iconfont zanbtn" >赞</i><a href="javascript:;" rel="external nofollow"  <span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34); unicode-bidi: -webkit-isolate; font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">id</span><span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">="</span><span style="min-width: 0px; min-height: 0px; box-sizing: border-box; color: rgb(34, 34, 34); unicode-bidi: -webkit-isolate; font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">zans{$r[id]}</span><span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">" </span> title="<span style="color: rgb(34, 34, 34); font-family: Consolas, "Lucida Console", monospace; white-space: pre-wrap;">$r[id]}</span>">0</a></span> 
          </p>  
        </p>

ajax K=8은 좋아요

$(".zanbtn").on("click",function(){ 
                var id = $(this).next().attr("title"); 
                var aval = $(this).next("a").html(); 
                $.getJSON('http://phpcms.com/index.php?m=mood&c=index&a=post&id=150-'+id+'-1&k=8&'+Math.random()+'&callback=?', function(data){ 
                  if(data.status==1) { 
                    console.log( $(this).next()); 
                    $("#zans"+id).html(data.data); 
                  }else { 
                    alert(data.data);   
                    return false;       
                  } 
                }) 
              });

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사에 주목하세요!

추천 도서:

Ajax 데이터 삭제 및 데이터 보기 작업 단계에 대한 자세한 설명

ajax를 사용하여 팝업 로그인을 구현하는 방법

위 내용은 Ajax로 like 기능을 직접 구현하는 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!