Liferay Ajax without Jquery

Question

我正在尝试从我的Liferay项目的后端获取json，甚至无法设法让servResource将某些内容打印到控制台。所以我的 ajax 请求在后端不做任何事情，但仍然调用成功。我正在使用Liferay 6.1。

我尝试将jquery与$.ajax一起使用，但那是说ajax方法未定义（即使完整下载了jquery-3.2.1），所以我认为jquery在多个包含或奇怪方面存在问题。我现在正在使用 aui每次我实现 aui 时，它都会运行 ajax 函数并不断返回成功，即使它从未在后端运行过任何内容并且 this.get（"responseData"） 为空

查看.jsp：

<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<portlet:defineObjects />
<%@ taglib uri="http://liferay.com/tld/aui" prefix="aui"%>

<portlet:resourceURL var="saveData" id="saveData" ></portlet:resourceURL>
<br/>
<aui:form>
          <aui:input type="text" name="Name" id="studentName"/>
          <aui:input type="text" name="Email" id="studentEmail"/>
          <aui:input type="text" name="ContactNo" id="studentPhone"/>
          <aui:button type="button" name="saveButton"  value="Save" onclick="save();" />
</aui:form>
<aui:script>
function save(){
    AUI().use('aui-base','aui-io-request', function(A){
        var name=A.one("#<portlet:namespace />studentName").get('value');
        var email=A.one("#<portlet:namespace />studentEmail").get('value');
        var contact=A.one("#<portlet:namespace />studentPhone").get('value');
         A.io.request('<%=saveData%>',{
             dataType: 'json',
             method: 'POST',
             data: { <portlet:namespace/>name: name,
                      <portlet:namespace/>email: email,
                      <portlet:namespace/>contact: contact},
             on: {
             success: function() {
                 var data=this.get('responseData');
                 alert("Success");
                 // Actions to be performed on success
                 }
             }
         });
    });
}
</aui:script>

菜单.java（后端）：

import java.io.IOException;
import java.io.PrintWriter;
import javax.portlet.GenericPortlet;
import javax.portlet.PortletException;
import javax.portlet.PortletRequestDispatcher;
import javax.portlet.ProcessAction;
import javax.portlet.RenderRequest;
import javax.portlet.RenderResponse;
import javax.portlet.ResourceRequest;
import javax.portlet.ResourceResponse;
import com.liferay.portal.kernel.log.Log;
import com.liferay.portal.kernel.log.LogFactoryUtil;
/**
 * Portlet implementation class Menu
 */
public class Menu extends GenericPortlet {
    public void init() {
        viewTemplate = getInitParameter("view-template");
    }
    public void doView(
            RenderRequest renderRequest, RenderResponse renderResponse)
        throws IOException, PortletException {
        include(viewTemplate, renderRequest, renderResponse);
    }
    protected void include(
            String path, RenderRequest renderRequest,
            RenderResponse renderResponse)
        throws IOException, PortletException {
        PortletRequestDispatcher portletRequestDispatcher =
            getPortletContext().getRequestDispatcher(path);
        if (portletRequestDispatcher == null) {
            _log.error(path + " is not a valid include");
        }
        else {
            portletRequestDispatcher.include(renderRequest, renderResponse);
        }
    }
    protected String viewTemplate;

    private static Log _log = LogFactoryUtil.getLog(Menu.class);
    /**
     * Custom methods
     * @throws IOException 
     */
    @Override
    public void serveResource(ResourceRequest resourceRequest,
            ResourceResponse resourceResponse) throws IOException,
            PortletException {
        System.out.println("this will not print");
        PrintWriter out = resourceResponse.getWriter();
        out.println("This is sample Text");
    out.flush();    
    super.serveResource(resourceRequest, resourceResponse);
    }
    @ProcessAction(name="saveData")
    public void saveData(ResourceRequest resourceRequest,ResourceResponse resourceResponse){
        System.out.println("This won't print");
        String name = resourceRequest.getParameter("name");
        String emailId = resourceRequest.getParameter("email");
        String contact = resourceRequest.getParameter("contact");
     }    
}

我希望我的 serveResource 函数使用 ajax 将 JSON 返回到我的.jsp文件。

Answer 1

抱歉，您的方法中存在许多错误：

• 资源URL管理GET http调用（您使用POST调用）
• 资源URL不是执行保存操作的最佳方式，您需要一个操作URL（返回json响应）
• 您的AUI().use('aui-base','aui-io-request'使用不是最佳方法
• 更好的选择是构建一个JSON Web服务来执行ajax调用：https://dev.liferay.com/develop/tutorials/-/knowledge_base/6-1/json-web-services

祝你好运