Solved

Generate report xml and download to client

Posted on 2013-02-06
5
309 Views
Last Modified: 2013-02-07
Hi,
Since i am beginner of Jquery, i'd like to ask how i can use Jquery to ask sever generate xml report and download to client:

1- from client i post typeReport, and <key, value> pair to server using $.ajax(...)
2- from server depending on the typeReport, it create xml file and download to client to display.

Could you please help? Thanks,

Regards,
XT
0
Comment
Question by:mtran888
  • 3
  • 2
5 Comments
 
LVL 52

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 500 total points
ID: 38863112
If you are really unsure of this, I would break this out into several separate questions. (Posting data, Receiving and  processing data to create xml, Reading xml )

In short you are going to use jquery ajax to send your data.   Before posting data, you first need to set up your page you are posting data to to receive the data, do any error checking, data scrubbing, validation, processing and output to xml.

Now you can post your data with ajax to somePage.php or asp(x)

$.ajax({
  type: "POST",
  url: "somePage.php",
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

Once you get the alert and can see your data, replace the alert line with a more detailed function to read the xml  http://api.jquery.com/jQuery.parseXML/ Parsing your xml takes special set up based on how you have set up y our xml page.  Get the first 2 steps done first, then create a new question on parsing the xml you created.
0
 

Author Comment

by:mtran888
ID: 38864162
Hi,

Thanks so much for your advise. Since I am the first time use web app. what do you mean"you first need to set up your page you are posting data to to receive the data"

Thanks again.

XT
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 38864251
Ajax sends some data to a receiving page that processes the data.  The receiving page would be just as if you were using it to post form data to.

The code below

 $.ajax({
  type: "POST",
  url: "somePage.asp",
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

is the same as

<form action="somePage.asp" method="post">
<input type="hidden" name="name" value="john">
<input type="hidden name="location" value="boston">
<button type="submit">Submit</button>
</form>
<%
response.write request.form("name")&" "&request.form("location")
%>

With the main difference ajax code is on page 1, posting to page 2.  Page 2 processes the data and displays it as html, text, json or xml.  Finally page 1 reads the data from page 2 and displays it using, ".done(function( msg ) {" where msg is the output from page 2.

Since you are just starting out, take this one step at a time.  I would first make a page 2 with static data that just outputs some pre made xml, text, json or html.  Then try and use your ajax to call page 2 and display it.  

Once that works, you need to build page 2 to accept data from the ajax call on page 1 and process it and display the output in json, xml, html or text.
0
 

Author Closing Comment

by:mtran888
ID: 38865843
Thanks Padas. I really appreciate your explanation.
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 38865940
Great! Thanks!
0

Featured Post

Create the perfect environment for any meeting

You might have a modern environment with all sorts of high-tech equipment, but what makes it worthwhile is how you seamlessly bring together the presentation with audio, video and lighting. The ATEN Control System provides integrated control and system automation.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question