在xpages最方便使用ajax的功能 ,介绍两个XSP.partialRefreshGet,XSP.partialRefreshPost方法,具体使用在什么场景可以自己考量,以下是以get方法做demo.
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:button value="标签" id="button1">
<xp:eventHandler event="onclick" submit="false">
<xp:this.script><![CDATA[
XSP.partialRefreshGet("#{id:computedField1}", { //这个id是获取参数的id,必须在这个id写获取参数后台js代码
params: { 'key': '测试显示内容'},//这里是要传递给后端的值
onStart: function(){
console.log('onStart');
},
onComplete: function() {
console.log('onComplete');//这里可以对返回的值进行处理(返回的值一般放在计算字段里面)
} ,
onError: function() {
console.log('Error');
}
});
]]></xp:this.script>
</xp:eventHandler></xp:button>
<xp:text escape="true" id="computedField1"><xp:this.value><![CDATA[#{javascript:
var key=param.get('key');
//处理其它业务代码
print('key-->'+key);
return key;
}]]></xp:this.value></xp:text>
</xp:view>