利用JSON绑定回调函数

从接触json到现在,快半年了。。不好意思,从来没怎么系统的学习过。只是在碰到问题的时候才查查资料。。
现在,接触jquery也1个月了,一直不明白jquery里面的回调方法是怎么执行的,不过也没去查过资料,不知道为什么,今早来公司的路上,突然灵光一闪,明白了怎么用JS写回调函数(不过不知道jquery的回调是否也似乎如此实现的),以下是利用json写的回调的demo:


<script type="text/javascript">
$(document).ready(function(){
page({
pageNo : 1 ,
success: callback
});
});

function page(json){
var index = 1 ;
eval(json.success(index));
}

function callback(index){
alert("这是第"+index+"页");
}
</script>

虽然这里用了jquery,但这里的回调和jquery没关系,可以无视。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当 Vue 组件接收到 WebSocket 推送的新数据时,你可以在组件中的相应方法中修改数据,然后利用 Vue 的数据绑定功能来更新页面上的样式。 例如,你可以在 Vue 组件的 `created` 生命周期钩子中创建 WebSocket 连接,然后在 `mounted` 生命周期钩子中监听 WebSocket 推送的新数据,并在回调函数中修改 Vue 组件中的数据: ```javascript export default { data() { return { messages: [] } }, created() { const ws = new WebSocket('ws://localhost:8080') ws.onopen = () => console.log('WebSocket connected') this.ws = ws }, mounted() { this.ws.onmessage = (event) => { const message = JSON.parse(event.data) this.messages.push(message) } } } ``` 在上面的代码中,`messages` 是一个数组,用于存储 WebSocket 推送的所有消息。在 `mounted` 生命周期钩子中,我们监听 WebSocket 的 `onmessage` 事件,并在回调函数中将新消息添加到 `messages` 数组中。 接下来,你可以在 Vue 组件的模板中使用 `v-for` 指令来循环渲染 `messages` 数组中的每个消息,并根据消息内容来改变样式: ```html <template> <div> <div v-for="(message, index) in messages" :key="index" :class="{ 'new-message': message.new }"> {{ message.text }} </div> </div> </template> <style> .new-message { font-weight: bold; color: red; } </style> ``` 在上面的代码中,我们使用了 `v-for` 指令来循环渲染 `messages` 数组中的每个消息,并根据消息对象中的 `new` 属性来为新消息添加 `new-message` 类名。在样式表中,我们定义了 `new-message` 类名的样式,使新消息以粗体红色字体显示。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值