Ajax는 함수와 같은 phpcms를 구현합니다(그래픽 튜토리얼)

이 글은 주로 phpcms와 같은 Ajax 구현 예제 코드를 소개하고 있습니다. 매우 훌륭하고 참고할만한 가치가 있습니다. 필요하신 분들은 참고하시면 됩니다.

먼저, 배경에 모듈을 추가하세요--->뉴스무드- --> 기분 구성 중복된 것을 제거하고 이름을 "좋아요"로 변경한 후 제출하고 저장합니다.

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

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

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

구현 템플릿 페이지는 다음과 같습니다. 배열을 반복하여

<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;       
                  } 
                }) 
              });

위 내용이 모든 사람에게 도움이 되기를 바랍니다. 미래.

관련글 :

AJAX 사용법 상세 분석(코드 붙여넣기)

php+ajax+h5로 이미지 업로드 기능 구현

php+ajax쿼리 구현 드롭다운 콘텐츠 기능

위 내용은 Ajax는 함수와 같은 phpcms를 구현합니다(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!