<script type="text/javascript">
function change()
{
document.getElementById('btn').innerText="已关注";
btn.disabled=true;
}
<button id="btn" onclick="change()">关注</button>
像这样只能实现点击关注变成已关注 怎样让它变成已关注后再点击又变回原来关注的样子
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
function change() {
var mark = document.getElementById('btn').innerText;
if (mark == '关注') {
document.getElementById('btn').innerText = "已关注";
}
else {
document.getElementById('btn').innerText = "关注";
}
}
<button id="btn" onclick="change()">关注</button>
php 代码没写过,不过给你个思路吧
要实现关注你的接口肯定要首先写好,简单来说这个接口需要接收一个userid,即将被关注的那个用户的ID,控制器写好之后按照你的需求就是 ajax 调用了。这里来说两种情况,都可以
GET 请求 (如果你设计的url 为 /follow/ )
function change() {
var mark = document.getElementById('btn').innerText;
if (mark == '关注') {
$.get('follow/<int: userid>', function(data) {
//GET 请求这个url, 接口返回 data, 判断有没有关注成功来进行DOM操作
if (data == true) {
document.getElementById('btn').innerText = "已关注";
}
else {
//失败了,自行处理吧 :)
console.log('false');
}
})
else {
//取消关注,和关注差不多
}
POST 请求 (如果你设计的url 为 /follow )
function change() {
var mark = document.getElementById('btn').innerText;
if (mark == '关注') {
$.get('follow', {'userid': <int:userid>}, function(data) {
//POST 提交`userid`请求这个url, 接口返回 data, 判断有没有关注成功来进行DOM操作
if (data == true) {
document.getElementById('btn').innerText = "已关注";
}
else {
//失败了,自行处理吧 :)
console.log('false');
}
})
else {
//取消关注,和关注差不多
}
$.ajax() 别忘了引用 jquery。兼容性问题也要注意。