065_VFPage中CallBack回调函数的解释

最新推荐文章于 2021-12-01 16:38:48 发布

aqllj123456

最新推荐文章于 2021-12-01 16:38:48 发布

阅读量170

点赞数

原文链接：http://www.cnblogs.com/bandariFang/p/9675334.html

版权

关于JS 的回调函数解释： https://blog.csdn.net/baidu_32262373/article/details/54969696

https://www.cnblogs.com/gaosheng-221/p/6045483.html

顾名思义，就是执行完后再调用你的。通常是限制行父的函数，在执行子函数；

一个很好的例子：callback(); 放到父函数中去

<html> 
  
<head> 
  
<title>(callback)</title> 
<script language="javascript" type="text/javascript"> 
function a(callback) 
{    
    alert("I am parent a!"); 
    alert("Invoke callback"); 
   callback();
} 
function b(){ 
 alert("I am callback B");  
} 
function c(){ 
alert("I am callback c"); 
  
} 
  
function test() 
{ 
   a(b); 
   a(c); 
} 
  
</script> 
</head> 
  
<body> 
<h1>Learn Callback</h1> 
<button onClick=test()>click me</button> 
<p>Now you can see the two callback.</p> 
</body> 
  
</html>

　　以上的例子是全JS代码，是为了解释回调的一个简单例子。

JS如果想和control 交互的话使用的是@RemoteAction这个会在下篇文章中介绍；

本次介绍的是在JS中直接操作数据，如一些SOQL的查询，一些数据的增删改的操作，这个就要使用Ajax Toolkit ，到官网下载 apex_ajax.pdf即可

其中是分为两种方式，异步、同步:

1.首先我们先连接到API中

<apex:page>
<script src="../../soap/ajax/44.0/connection.js"
type="text/javascript"></script>
<script>
sforce.connection.sessionId='{!GETSESSIONID()}';
...
</script>
...
</apex:page>

同步调用和异步调用的区别为：同步调用为当向服务器端发送请求后，需要一直等到服务器端返回结果，并针对结果进行后期的处理；异步调用为当向服务器发送请求后，可以继续进行其他的处理，当服务器有调用返回结果后，再进行结果处理。异步调用需要在API call中添加一个参数用来做call back的函数处理。

同步调用格式：
sforce.connection.method("argument1","argument2",...); Examples of Synchronous Calls

Example：

<html>
<head>
<script src="/soap/ajax/44.0/connection.js"></script>
<script>
var contactId = "{!Contact_ID}";
function initPage() {
try{
var contact = sforce.connection.retrieve("AccountId", "Contact", [contactId])[0];
var accountsRetrieved = sforce.connection.retrieve("Id, Name, Industry,
LastModifiedDate", "Account", [contact.AccountId]);
if (accountsRetrieved.length > 0) {
var account = accountsRetrieved.records[0];
document.body.innerHTML += "Account name: <a href='/" + account.Id;
document.body.innerHTML += "' target='_blank'>" + account.Name + "</a><br>;
document.body.innerHTML += "Industry: " + account.Industry + "<br>";
}
} catch (e) {
document.body.innerHTML += "Error retrieving contact information";
document.body.innerHTML += "<br>Fault code: " + e.faultcode;
document.body.innerHTML += "<br>Fault string: " + e.faultstring;
}
}
</script>
</head>
<body οnlοad="initPage();">
</body>
</html>

异步调用格式：
sforce.connection.method("argument1","argument2",...,"callback_function");

var result = sforce.connection.query("Select Name,Id from User", {
onSuccess : function(result) {
var records = result.getArray("records");
for (var i=0; i<records.length; i++) {
var record = records[i];
log(record.Name + " -- " + record.Id);
}
},
onFailure : function(error) {
log("An error has occurred " + error);
}
});

因为调用有可能出现异常，同步和异步的异常处理如下：
同步异常处理为在调用处使用try catch 来捕获异常

异步异常处理为异步的callback result提供了一个onFailure配置，当出现异常后，会执行onFailure配置的方法，成功会执行onsuccess方法
因为异步调用为结果什么时候返回，客户端什么时候处理，当后台处理特别慢的情况下，前端等待时间太长会很不友好，异步调用提供了一个timeout配置属性，用来设置异步调用最长时间，单位是以毫秒为单位，最小值为1
完整异步调用格式
var callback = {onSuccess: handleSuccess, onFailure: handleFailure,timeout:1000};
function handleSuccess(result) {}
function handleFailure(error) {}
sforce.connection.query("Select name from Account", callback);