图文新闻+php,php新闻接口实例讲解

//默认搜索互联网

//site参数设置网站,

var vmShowNews = newVue({

el:"#newslist",

data:{

showData:{},

num:1,

kw:$('#kw').val(),

next:function(keyword,num){if ($('#kw').val() == "") {

keyword= "互联网";

}else{

keyword= $('#kw').val();

}

$.ajax({

url:"news.php",

async:false,

data: {

kw:keyword,

pageToken:num

},

type:"POST",

dataType:"json",

success:function(data) {if(data.retcode == "000000"){if (num == 1) {

$('#prev').attr('disabled',true);

}else{

$('#prev').attr('disabled',false);

}

vmShowNews.showData=data;if (data.hasNext === false) {

$('#next').attr('disabled',true);

}

}else{

alert(data.message);

}

}

});

},

prev:function(keyword,num){if ($('#kw').val() == "") {

keyword= "互联网";

}else{

keyword= $('#kw').val();

}

$.ajax({

url:"news.php",

async:false,

data: {

kw:keyword,

pageToken:num

},

type:"POST",

dataType:"json",

success:function(data) {if(data.retcode == "000000"){if (num == 1) {

$('#prev').attr('disabled',true);

}

vmShowNews.showData=data;

}else{

alert(data.message);

}

}

});

}

}

})

vmShowNews.next('',1);

$("button[type='submit']").click(function(){

vmShowNews.next($('#kw').val(),1);

})