想知道更多区块链技术知识,请百度【链客区块链技术问答社区】 链客,有问必答!!
什么是事件Evnet?
就是以EVM日志基础设备提供一个接口,当被事件调用时,出发参数存储到日志中,其与合约地址关联,并记录到区块链中。
关系就是:区块链是打包交易区块组成的链条,每个交易会包含0到多个记录,日志表明智能合约所触发事件。
DAPP中,监听了事件,当事件发生时,会回调。固然要注意的就是,日志和事件在合约内是没法被访问,即便是建立日志的合约。
在Solidity 代码中,使用event 关键字来定义一个事件,如:
event EventName(address bidder, uint amount);
这个用法和定义函数式同样的,而且事件在合约中一样能够被继承。触发一个事件使用emit(说明,以前的版本里并不须要使用emit),如:
emit EventName(msg.sender, msg.value);
触发事件能够在任何函数中调用,如:
function testEvent() public {
emit EventName(msg.sender, msg.value);
}
监听事件
经过上面的介绍,可能你们仍是不清楚事件有什么做用,点击”Updata Info”按钮以后,虽然调用智能合约成功,可是当前的界面并无获得更新。
使用事件监听,就能够很好的解决这个问题,让看看如何实现。
修改合约,定义事件及触发事件
先回顾一下合约代码:
pragma solidity ^0.4.21;
contract InfoContract {
string fName;
uint age;
function setInfo(string _fName, uint _age) public {
fName = _fName;
age = _age;
}
function getInfo() public constant returns (string, uint) {
return (fName, age);
}
}
首先,须要定义一个事件:
event Instructor(
string name,
uint age
);
这个事件中,会接受两个参数:name 和 age , 也就是须要跟踪的两个信息。
而后,须要在setInfo函数中,触发Instructor事件,如:
function setInfo(string _fName, uint _age) public {html
fName = _fName; age = _age; emit Instructor(_fName, _age);
}
在Web3与智能合约交互实战, 点击”Updata Info”按钮以后,会调用setInfo函数,函数时触发Instructor事件。
使用Web3监听事件,刷新UI
如今须要使用Web3监听事件,刷新UI。
先回顾下以前的使用Web3和智能合约交互的代码:
<script>
if (typeof web3 !== 'undefined') {
web3 = new Web3(web3.currentProvider);
} else
{
web3 = new Web3(new Web3.providers.HttpProvider("http://localhost:7545"));
}
web3.eth.defaultAccount = web3.eth.accounts[0];
var infoContract = web3.eth.contract(ABI INFO);
var info = infoContract.at('CONTRACT ADDRESS');
info.getInfo(function(error, result){
if(!error)
{
$("#info").html(result[0]+' ('+result[1]+' years old)');
console.log(result);
}
else
console.error(error);
});
$("#button").click(function() {
info.setInfo($("#name").val(), $("#age").val());
});
</script>
如今能够不须要 info.getInfo()来获取信息,而改用监听事件获取信息,先定义一个变量引用事件:
var instructorEvent = info.Instructor();
而后使用.watch()方法来添加一个回调函数:
instructorEvent.watch(function(error, result) {
if (!error)
{
$("#info").html(result.args.name + ' (' + result.args.age + ' years old)');
} else {
console.log(error);
}
});web