JQuery的Ajax请求实现本地刷新的一个简单例子

请求的ajax路径传递的参数(数据)会被动作中同名的变量(附带set get方法)接收，返回的数据是JQuery的数组对象，被调用动作涉及的数据变量会被封装在数据中，最终返回到页面。案例：图

我想改变现状。使用JQuery的Ajax后，图标发生变化，实现了本地页面刷新的原理：本地刷新是刷新页面的一部分。在这种情况下，只实现了图标的变化，将后台代码和前台的真实图标分开，而不是重新查询数据库。其次，后台数字数据修改后，前台直接更改图标。1.页面为每条记录的图标赋予了唯一的id值：复制代码如下： TD align=' center ' s 3360 if test=' message state=' 0 ' img src=' http 3360 $ { CTX }/images/04 . png ' id=' r $ { message . messageid } '//s 3360 ifs 3360 else img src=' http : $ { CTX }/images/03 . png ' id=' r $ { 0单击(function(){ var strips=' '；//定义变量$ ('input [name=' checkbox']')。每个(函数(){if (this。选中){条纹=这个。值'，'；//获取多个id值，这些值被拼写成字符串并传递给action } })；$.Ajax ({type:' post '，datatype3360' JSON '，//接受数据格式cache3360 false，data:' stripes=' stripes，URL : ' $ { CTX }/feedback online/updatemessagestatewind . action '，beforeSend:函数(XMLHttpRequest){ }，success:函数(data){ var str=data . str；//接收返回的(str中的var p){//遍历接受的数组对象var x=' # r ' str[p]；//获取图标id $ (x)。要更改的记录的attr ('src '，' $ { CTX }/images/04 . png ')；//将对应id值的图标src属性值改为对应图标的路径} }，error: function(){ //请求错误处理提醒(' error！').);} });});2.后台操作：复制代码如下：私有strIds//省略set get方法，自动获取发送到页面私有String[] str的响应的数据；//省略set get方法@ action('/updatemessagestateu读')公共字符串updatemessagestate()throwsexception { string[]jstr=strips . split('，')；//将字符串拆分成字符串数组str=jStr//使用get set方法将拆分字符串数组赋给数组变量str，并将其返回到(int I=0；ijStr.lengthI){ int id=integer . par sent(JStr[I])；messageUserinfo=messageuserinfomanager . querybyid(id)；messageuserinfo . setmessagestate(0)；messageuserninfomanager . update(messageuserninfo)；}返回“Ajax”；}