liferay 调用ajax

1 首先是view.jsp代码

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<%@page contentType="text/html; charset=UTF-8" %>
<portlet:defineObjects /><%String rootPath = renderRequest.getContextPath();
%>
<script type="text/javascript" src="<%=rootPath%>/js/jQuery/jquery-2.1.1.js"></script>This is the <b>Ajax Learn</b> portlet in View mode.<portlet:resourceURL var="ajaxUrl1" id="test1"/>
<portlet:resourceURL var="ajaxUrl2" id="test2"/><script type="text/javascript">function ajaxTest(){$.post('<%=ajaxUrl1%>',{p_p_resource_id:'test1'},function(data){$('#message').html(data);})}function ajaxTest2(){$.post('<%=ajaxUrl2%>',function(data){$('#message').html(data);})}
</script><div>这是Ajax测试，从点击下面的按钮从服务端获取数据。</br><input type="button" value="ajax请求1" οnclick="ajaxTest();"><input type="button" value="ajax请求2" οnclick="ajaxTest2();"><div id="message"></div>
</div>

2后台处理ajax请求代码，后台返回类似 “ 这是服务端返回的结果信息test1" 的字符串，view.jsp进行显示

package com.test;import java.io.IOException;
import java.io.PrintWriter;import javax.portlet.PortletException;
import javax.portlet.ResourceRequest;
import javax.portlet.ResourceResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;import com.liferay.portal.util.PortalUtil;
import com.liferay.util.bridges.mvc.MVCPortlet;/*** Portlet implementation class AjaxLearn*/
public class AjaxLearn extends MVCPortlet {@Overridepublic void serveResource(ResourceRequest resourceRequest,ResourceResponse resourceResponse) throws IOException,PortletException {String resourceID  =    resourceRequest.getResourceID();HttpServletRequest request = PortalUtil.getHttpServletRequest(resourceRequest);HttpServletResponse response =  PortalUtil.getHttpServletResponse(resourceResponse);response.setContentType("text/html;charset=UTF-8");PrintWriter out = null;try {out = response.getWriter();} catch (IOException e) {e.printStackTrace();}String result = "这是服务端返回的结果信息:";if("test1".equals(resourceID)){result = result + "test1";}else if("test2".equals(resourceID)){result = result + "test2";}   out.println(result);out.flush();out.close();super.serveResource(resourceRequest, resourceResponse);}}

3 点击之前的view.jsp页面

4 点击ajax请求1后的页面

liferay 调用ajax相关推荐

ajax联系人数,setInterval定时调用ajax实现在线人数统计
index页面把onLineCount.jsp给include进来,onLineCount.jsp每隔一段时间刷新一次从数据库中统计数据,很显然这个方法非常的错误,onLineCount.jsp每次刷 ...
关于IOS无法在微信浏览器页面关闭时调用ajax问题
经测试,以下方法为监听ios页面关闭的方式 window.addEventListener('pagehide', function () {//页面关闭时触发 }); 但上述方法内无法调用ajax. ...
ajax使用总结-ajax的配置-ajax的调用-ajax的中文乱码-ajax的表单提交
·jquery的使用 0.必须优先引入jquery.js 否则无法调用jquery框架 1.js区分大小写,起名字的时候要注意 2.jquery根据div的id属性获取页面text的 ...
javascript-前后端交互-异步调用Ajax与Promise比较
javascript-前后端交互-异步调用Ajax与Promise比较目录文章目录 1.异步调用 1.1.使用场景 1.2.Ajax使用 1.2.1.启动后台 1.2.2.编写前端测试页面 1.3 ...
手把手教你用JQ调用ajax（附免费永久后台URL）
关于jQ的Ajax操作前沿关于AJAX(百度百科) JQ调用AJAX实例 1.jQuery的load()方法 2.jquery的getJSON方法 3.jquery的$.get()方法 4.jqu ...
onbeforeunload触发ajax,浅谈window.onbeforeunload() 事件调用ajax
经常有这样的需求,就是在离开某个web页面时,用户不一定点注销,这样会导致会话不能及时销毁.为实现用户离开页面时,自动注销功能,需要在web页面的onbeforeunload事件处理函数中发送注销命令 ...
html上拉刷新(调用AJAX)
引入: <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></scrip ...
worker里的ajax,Web Worker 调用Ajax
Web Worker -- Ajax 通常来讲,Ajax 和 Web Worker 都是异步执行的,彷佛没有必要在Web Worker里调用Ajax,若是存在这种状况,Ajax 须要按照一个队列里数据 ...
c 后台代码调用ajax,.NET Selenium WebDriver操作调用浏览器后台执行Js(JavaScript)代码...
1.Selenium WebDriver安装引用注意:要用使用的浏览器肯定要装,并且Selenium.Chrome.WebDriver版本要和浏览器版一致. 如果要操作其它浏览器,则安装对应其它浏览 ...

liferay 调用ajax

liferay 调用ajax相关推荐

最新文章

热门文章