2 sinat 16753585 sinat_16753585 于 2015.07.23 21:03 提问

怎么利用ajax实现单击改变原来值?求助!!!

图片说明
我想实现,点击“提醒”后,“提醒”两个字变成“已提醒”。不知道该怎么实现啊~~
求帮助!

6个回答

showbo
showbo   Ds   Rxr 2015.07.24 12:26
已采纳

更改文字用js就好,但是你得写入数据库才能持久化

 <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<a href="#" onclick="SendXHR(this,111)">提醒</a>
<script>
    function SendXHR(a, id) {//aa为当前连接,id为你的这条记录id,以便ajax发送数据到服务器端,自己注意html生成传递参数
        $.ajax({
            url: 'xxxx.asp', data: 'id=' + id, type: 'POST', complete: function (xhr) {
                alert('发送完毕')
                if (xhr.responseText == '1') a.innerHTML = '已提醒';
                else alert('动态页返回内容:'+xhr.responseText)
            }
        });
    }
</script>

xxxx.asp

 id=request.form("id")
'更新数据库操作
response.write 1'输出1给ajax进行判断用
showbo
showbo 回复sinat_16753585: 增加onclick就好了.<a href="xxxxxxx" onclick="this.innerHTML='已提醒'">提醒</a>
2 年多之前 回复
sinat_16753585
sinat_16753585 大神,我只想改变下文字,你能帮我写一个js么?我没有头绪啊!
2 年多之前 回复
u011640713
u011640713   2015.07.23 21:15

比如用jquery的ajax方法:

$.ajax({
url;"/changetip",//要访问后台的url
success:function(){
$("input[vlaue='提醒']").val("已提醒");
},
error:function(){
alert("出错!");
}
});

goodhabit_jc
goodhabit_jc   2015.07.23 23:19

网上一搜一大堆。初学者要学会使用百度、谷歌之类啊。

cuiwei1026522829
cuiwei1026522829   Ds   Rxr 2015.07.23 22:40

$(document).ready(function () {
$("#btnSub").click(function () {
$.ajax({
type: "POST",
url: "/Home/test1",
data: "",
success: function (sesponseTest) {
$("#txt1").val(sesponseTest);
}
});
});
});

sinat_16753585
sinat_16753585   2015.07.24 12:35

图片说明 这个是我前台的代码!!!!

showbo
showbo 增加onclick就好了.<a href="xxxxxxx" target='_blank' onclick="this.innerHTML='已提醒'">提醒</a>
2 年多之前 回复
u013829202
u013829202   Rxr 2015.07.24 14:55

如果要存数据库,就需要去ajax去访问后台,点击的时候把id给传过去,根据id查询这个对象,然后update。如果不是要存数据库,直接做一个点击事件,if(判断获取的值是提醒/不提醒){ 重新给他赋值。 }

Csdn user default icon
上传中...
上传图片
插入图片