How to use Ajax on Visualforce page on Salesforce platform

weixin_33962923

于 2019-01-08 02:00:05 发布

阅读量148

点赞数

文章标签： javascript ViewUI

本文演示了如何在Visualforce页面上使用Ajax模式从服务器调用对象数据，包括异步和同步两种方式的示例代码。通过sforce.connection.query函数进行数据查询，并展示了查询成功和失败时的回调处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Just use Ajax pattern to call object data from server on visualforce page.

Following is the Asynchronise demo:

<apex:page >
<script type="text/javascript">
    var __sfdcSessionId = '{!GETSESSIONID()}';
</script>

<script src="../../soap/ajax/29.0/connection.js" type="text/javascript"></script>

<script type="text/javascript">
    window.onload = setupPage;
    function setupPage(){
        var state = {
            output : document.getElementById("output"),
            startTime : new Date().getTime()
        };
        
        var callBack = {
            onSuccess : layoutResults,
            onFailure : queryFailed,
            source : state
        };
        
        sforce.connection.query("Select Id, Name, Industry From Account order by Industry", callBack);
    }
    
    function queryFailed(error, source){
        source.output.innerHTML="An error has occurred: " + error;
    }
    
    function layoutResults(queryResult, source){
        if(queryResult.size > 0){
            var output = "";
            var records = queryResult.getArray('records');
            for(var i = 0; i < records.length; i++){
                var account = records[i];
                output += account.Id + " " + account.Name + " [Industry - " + account.Industry + "]<br>";
            }
            source.output.innerHTML = output;
        }
    }

</script>

<div id="output"></div>

</apex:page>

If we want to use the Synchronise model. Just use the query function without callback. Following is the demo code.

sforce.connection.query("Select Id, Name, Industry From Account order by Industry")

If you want to know more about the detail. Please go to click this link: http://www.salesforce.com/us/developer/docs/ajax/apex_ajax.pdf

...................................

Another link show you another ajax call code-behind function : http://www.cnblogs.com/mingmingruyuedlut/p/3450753.html