How to use saving the file without page refresh?

Question

My JSP page have entry like:

demo.jsp:

<s:form action="demo" theme="simple">
  Enter the location and filename for template to be saved (eg: C:\temp\a.xml)
  <s:textfield name="fileLoation" id="FileLoationID" />
  <s:submit value="Save" method="saveTemplate" />
</s:form>

struts.xml:

<action name="demo" class="com.test.action.DemoAction" >
    <result name="preview">/jsp/demo/preview.jsp</result>
    <result name="save">/jsp/demo/demo.jsp</result>
    <result name="success">/jsp/demo/demo.jsp</result>
    <result name="error">/loginError.jsp</result>
</action>

action class:

public String saveTemplate() {

        try {
            previewTemplate();
            TransformerFactory transformerFactory = TransformerFactory.newInstance();
            Transformer transformer = transformerFactory.newTransformer();
            transformer.setOutputProperty(OutputKeys.INDENT, "yes");
            transformer.setOutputProperty("{http://xml.apache.org/xslt}indent-amount", "4");            
            DOMSource source = (DOMSource) animalTemplateDetails.get("xmlStringDOMSource");         

            File file = new File(fileLoation);
            file.getParentFile().mkdirs();

            StreamResult result = new StreamResult(file);

            transformer.transform(source, result);

        } catch (TransformerException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return "save";
    }

Current process:

I provided path like "C:/temp/abc.xml"
Click save.
Goes to action class method saveTemplate() and save the file. And returns "save"
Will redirect to same page since <result name="save">/jsp/demo/demo.jsp</result>

My requirement:

I provided path like "C:/temp/abc.xml"
Click save.
Without Page refresh, it need to hit action class method saveTemplate().

Actually i tried with ajax, but that button is not working..

This is what i did:

Added <%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
Added <sx:head />
This part i am confused: i tried

(a) <s:submit value="Save" method="saveTemplate" theme="ajax" /> but here its showing error: "FreeMarker template error!Expression parameters.pushId is undefined on line 103, column 6 in template/ajax/submit.ftl."

(b) <sx:submit value="Save" method="saveTemplate" /> but here the button is not working. Nothing is happening.

Can anyone help?

use this plugin http://tutorialzine.com/2013/05/mini-ajax-file-upload-form/ — Raab, Jun 13 '13 at 10:34
@AleksandrM i updated the question with what i have tried with ajax. — abyin007, Jun 13 '13 at 10:51
If you want to use some javascript plugin then use `struts2-jquery-plugin`. — Aleksandr M, Jun 13 '13 at 11:42

score 0 · Answer 1 · edited May 23 '17 at 11:51

<s:form action="demo" theme="simple" target="foo">
  Enter the location and filename for template to be saved (eg: C:\temp\a.xml)
  <s:textfield name="fileLoation" id="FileLoationID" />
  <s:submit value="save" method="saveTemplate" target="foo" />
</s:form>

<iframe style="display:none" name="foo">
   This is an hidden iframe targeted by the form to 
   avoid page refresh and new page / tab opening
</iframe>

And you can return NONE from the Action.

Btw you will have to notify the user if the operation has been successfully executed or not, then use iframe to receive an JSP snippet with the ok or ko message...

This is only ONE of the several ways to call Actions without refreshing the page, it's up to you...

But the code of your Action is executed on your SERVER, not on your CLIENT.

Then you need to change paradigm; use an Action that returns a Stream result, with content-disposition: attachment: this will ask the user where to download the file.

Read this too.

any other ways without using iframe. – abyin007 Jun 13 '13 at 14:29 — abyin007, Jun 13 '13 at 14:29
@abyin007 Sure, use Flash. – Dave Newton Jun 13 '13 at 14:30 — Dave Newton, Jun 13 '13 at 14:30

How to use saving the file without page refresh?

1 Answers1