上篇文章介绍了Toolkit API,是一种js的前台写法

同步调用格式:
sforce.connection.method("argument1","argument2",...);

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

此次介绍的内容仍为JS前台的写法,不过是和controller交互的,他不同与action对应的method,而是一种在js代码中调用的controller 方法;

结构如下:

  • Use this to specify whether or not to escape the Apex method’s response. The default value is {escape: true}.

 callbackFunction接收方法调用的状态和结果作为参数。

global with sharing class AccountRemoter {public String accountName { get; set; }public static Account cc{ get; set; }public AccountRemoter() { } // empty constructor@RemoteActionpublic static Account getAccount(String accountName) {cc = [SELECT Id, name,NumberOfEmployees FROM Account WHERE Name = :accountName];return cc;}}

  

<apex:page controller="AccountRemoter">
<script type="text/javascript">function getRemoteAccount() {var accountName = document.getElementById('acctSearch').value;Visualforce.remoting.Manager.invokeAction('{!$RemoteAction.AccountRemoter.getAccount}',accountName,function(result, event){if (event.status) {//alert(result);
//console.log(result);
console.log(event);// Get DOM IDs for HTML and Visualforce elements like thisdocument.getElementById('remoteAcctId').innerHTML = result.Iddocument.getElementById("{!$Component.block.blockSection.secondItem.acctNumEmployees}").innerHTML = result.NumberOfEmployees;} else if (event.type === 'exception') {document.getElementById("responseErrors").innerHTML =event.message + "<br/>\n<pre>" + event.where + "</pre>";} else {document.getElementById("responseErrors").innerHTML = event.message;}},{escape: true});}
</script>
<input id="acctSearch" type="text"/>
<button οnclick="getRemoteAccount()">Get Account</button>
<div id="responseErrors"></div><apex:pageBlock id="block"><apex:pageBlockSection id="blockSection" columns="2"><apex:pageBlockSectionItem id="firstItem"><span id="remoteAcctId"/></apex:pageBlockSectionItem><apex:pageBlockSectionItem id="secondItem"><apex:outputText id="acctNumEmployees"/></apex:pageBlockSectionItem></apex:pageBlockSection>
</apex:pageBlock>
</apex:page>

  

转载于:https://www.cnblogs.com/bandariFang/p/9682154.html

067_VFPage中Js与controller交互方式(二) RemoteAction相关推荐

  1. 在js中调用微信的扫描二维码功能

    在js中调用微信的扫描二维码功能* 关键代码 <html> <head>`在这里插入代码片`<title>js调用微信扫一扫功能测试</title>&l ...

  2. Node.js核心入门(二)

    目录: Node.js核心入门(一) 全局对象 常用工具 事件机制 Node.js核心入门(二) 文件系统访问 HTTP服务器与客户端 文件系统 fs fs 模块是文件操作的封装,它提供了文件的读取. ...

  3. QRCode.js -- 用 Javascript 生产二维码

    QRCode.js是一个生成二维码的JS库.QRCode.js支持在DOM中使用跨浏览器Canvas和table标签的. QRCode.js不依赖其他JS库. 基本用法: <div id=&qu ...

  4. js中当等于最小值是让代码不执行_网页中JS函数自动执行常用三种方法

    本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下 一.JS方法 1.最简单的调用方式,直接写到html的body标签里面: 2.在JS语句调用: function myfun ...

  5. eclipse中js文件报missing semicolon

    eclipse中js文件报missing semicolon missing semicolon的字面意思是"丢失分号",是eclipse对js的检查时发现js文件缺少分号而报的错 ...

  6. ie9无法获取未定义或 null 引用的属性“indexof”_前端JS基础篇(二)JS基本数据类型和引用数据类型及检测数据类型方法...

    JS中的数据类型 (一).基本数据类型(值类型) 1.number:数字 -12.12.5.-12.5 0这些数字都是number: js中增加了一个number类型的数据:'NaN' typeof ...

  7. cef js返回c++的代码_CEF3开发者系列之外篇——IE中JS与C++交互

    使用IE内核开发客户端产品,系统和前端页面之间的交互,通常给开发和维护带来很大的便利性.但操作系统和前端之间的交互却是比较复杂的.具体来说就是脚本语言和编译语言的交互.在IE内核中html和css虽然 ...

  8. Js基础引导(二)——语法

    朋友,你好. 欢迎进入JS基础引导--语法篇,本篇内容是JS的基本概念(常识) 语法: JS语法大量借鉴了其他C语言或者类C语言(如java),因此,熟悉这些语言对于学习JS会很轻松,同样的,会了JS ...

  9. JS高级的学习(二)

    JS高级的学习(二) set对象 Set 是一个对象 存放数据 数据永远不会重复 Set 当成是一个数组 遍历 使用 数组方法 find findIndex Map 数组转成 Set对象 const ...

最新文章

  1. MySQL数据库分页查询limit
  2. 关于Tomcat性能监控的第三方工具Probe的简介
  3. js技巧--转义符\的妙用
  4. php 流媒体源码,BeMusic v2.3.6 – 音乐流媒体分享平台PHP源码
  5. 选择您的Java EE 6应用服务器
  6. Total commander 之F3 图片
  7. python函数应用_python 函数应用
  8. 蓝桥杯(java)基础练习 龟兔赛跑
  9. Could not install packages due to an EnvironmentError: [WinError 5] 拒绝访问
  10. html时间自动,编辑自动结束时间.html
  11. Uber 宣布将香港最低打车费用上涨 80%, 最低 45 港币
  12. Android音视频【一】H264编码基础
  13. 关了浏览器再开,怎么session还在?
  14. WatchGuard 防火墙封 Msn qq icq
  15. svg 可视化操作_使用SVG和D3可视化浏览指标
  16. vue之封装loading组件
  17. Python科学计算库(Numpy)基础篇(IDE为Pycharm)- 数组数值计算
  18. 520送男朋友什么礼物比较好、520给男朋友的实用性礼物
  19. 手机便签怎么导出到另一个手机 便签内容一键传输方法
  20. Unraid 6.8.2-nvidia解锁nvenc线程限制

热门文章

  1. Recommend索引
  2. GDI对象存储和查看lib文件导出函数
  3. VC++ 中MSDataGrid控件的使用
  4. Linux下调试器GDB的简单使用图解
  5. 浅谈对Fragment的认识
  6. 【实验】利用系统自带脚本utlsampl.sql创建scott用户及样本数据
  7. 一系列图论问题[转]
  8. pageX/Y, offset(), position(), scrollTop(), screenX/Y, clientX/Y, pageX/Y
  9. checkbox全选衍生问题讨论
  10. leetcode题解:Search in Rotated Sorted Array(旋转排序数组查找)