Ajax

编辑
文档创建者:印然 (67260 )     浏览次数:8056次     编辑次数:10次     最近更新:ukae 于 2018-08-07     

目录:

1. FR.ajax编辑

大家知道JS是前端代码,直接由浏览器来执行,不会与服务器进行交互。
通过AJAX,用户就可使用JavaScript的XMLHttpRequest对象来直接与服务器进行通信。且在不重载页面的情况下与Web服务器交换数据。即所谓的异步请求

2. 调用语法编辑

可以通过
FR.ajax(options)
在任何可以用js的地方进行调用。
2.1 参数

  参数
  类型
  说明
  options  Object  必填,ajax参数

options以json格式提供,属性如下表:
  属性类型  
说明  
  url  String  必填,发送请求的地址
  type  String  请求方式POST/GET,默认为GET
  timeout  Number  设置请求超时时间(毫秒),此设置将覆盖全局设置。
  success  Function  请求成功后的回调函数
success: function(data, textStatus){  
 // data为服务器返回的,并根据dataType参数进行处理后的数据。textStatus为状态值success
}
示例:FR.ajax({ url: "/WebReport/a.html", success: function(data, textStatus){ alert(this.url); } });
  error  Function  请求失败时调用此函数
error: function(XMLHttpRequest, textStatus, errorThrown){ 
 //参数分别为XMLHttpRequest 对象、错误信息、捕获的异常对象。通常textStatus和errorThrown之中只有一个会包含信息
 }
示例:FR.ajax({ url: "some.jsp", error: function(XMLHttpRequest, textStatus, errorThrown){ alert(this.url); } });
 dataType  String  预期服务器返回的数据类型。如果不指定,将自动根据HTTP包MIME信息来智能判断。可用值有:
"xml":返回 XML 文档
"html":返回纯文本HTML信息;包含的script标签会在插入dom时执行。
"script":返回纯文本JavaScript代码。
"json":返回JSON数据。
"text":返回纯文本字符串。
"jsonp" : 跨域采用jsonp方式
  data Object 
  发送到服务器的数据。GET请求中将自动转换为请求字符串格式,附加在url后。
值必须是Key/Value格式,可以是字符串如"p1=pavalue&p2=p2value",或者是对象如{p1:p1value,p2:p2value}
 complete Function  请求完成后回调函数(请求成功或失败之后均调用)
 complete: function(XMLHttpRequest, textStatus){  
//参数分别为XMLHttpRequest 对象和一个描述成功请求是否成功的字符串
 }
示例:FR.ajax({ url: "some.jsp", complete: function(XMLHttpRequest, textStatus){ alert(this.url); } });
在function中可以通过this.xxx来调用该ajax请求中的选项值。
  async  Boolean  默认为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。注:同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行

3. 示例编辑


 示例:详细请查看ajax跨域异步单点登录

附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗? [ 去社区提问 ]