[聚合文章] 【liferay】1、使用alloy-UI发送ajax请求

  1. 首页
  2. 聚合文章
  3. 文章详情
JavaScript 2017-12-20 26 阅读
原文链接: http://www.cnblogs.com/cutter-point/p/8074679.html

1、首先liferay要发送ajax请求，那么就需要在jsp中定义resourceURL

<portlet:resourceURL var="workDeal" id="workDeal" />

2、然后我们如何使用alloy-ui读取数据？

这里我们可以借助alloy-ui提供的一个IO功能，发送ajax请求并从结果中读取数据

 

demo：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <link rel="stylesheet" href="../../build/aui-css/css/bootstrap.css">    <script src="../../build/aui/aui.js"></script></head><body>    <h1>AlloyUI - I/O demo</h1>    <script>    YUI({ filter:'raw' }).use('aui-io', function(Y) {        Y.io.request('data/content.html', {            on: {                success: function() {                    var data = this.get('responseData');                    alert(data);                }            }        });    });    </script></body></html>

 

这个案例中，是从一个文件中读取内容，然后alert输出

 

3、那么如果通过ajax请求获取数据，而不是读取文件呢？

 

function callWorkDeal(workDealUrl){        var data = '';        YUI({filter:'raw'}).use('aui-tabview', function(Y){        Y.io.request(workDealUrl, {            method:'get',            on:{                success:function(){                    //处理数据                    var recevieData = this.get('responseData');                }
                
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。