Is this right way to call php file using jquery?

Question

I am trying to call the php file onclick of button , i tried using ajax but many of them said not to use for downloading the file.

here is my code.

jQuery(document).ready(function($){
console.log("plugin script loaded3");
$('#csv').click(function()
{
 alert("csv");
 document.location.href = "/wp-content/plugins/est_collaboration/php/export_csv.php";

});
});

Even tried using $get but its not getting downloaded.

when i click the button it has to call php file which download csv format.

@freedomn-m its perfectly working fine.But why its not coming to the above code.\ — R9102, Sep 06 '16 at 13:11
@JMR JavaScript to accomplish what a simple plain link could do is just needlessly complex — ceejayoz, Sep 06 '16 at 13:11
What's the *actual* problem? That you can't download a file or that you don't get an event when you click a button? — freedomn-m, Sep 06 '16 at 13:13
Do you get "plugin script loaded3" in the console? Do you get the alert("csv")? — freedomn-m, Sep 06 '16 at 13:14

score 2 · Answer 1 · answered Sep 06 '16 at 13:05

2

You can simply try this

<a href="/wp-content/plugins/est_collaboration/php/export_csv.php">Download</a>

answered Sep 06 '16 at 13:05

Passionate Coder

7,154
2
19
44

i agree with your answer ..But what if i use button onclick function i need to know why its not coming. – R9102 Sep 06 '16 at 13:09

score 1 · Accepted Answer · edited May 23 '17 at 12:01

Change your jquery startup to simply:

$(function() {
    $('#csv').click(function() {
        alert("csv");
    });
});

Alternatively, to download a "file", you can add it as the href to an anchor link, eg:

<a id='downloadlink' href='/wp-content/plugins/est_collaboration/php/export_csv.p‌hp'>csv</a>

if you need to add parameters, you can change the href via jquery, eg:

$("#downloadlink")
    .prop("href", "/wp-content/plugins/est_collaboration/php/export_csv.p‌hp?param1=" + param1value);

Alternatively (again), it could be that you are adding the "#csv" button dynamically, after jquery startup has run, in which case you need event delegation. See this question for more info: Event binding on dynamically created elements?

Glad to help, but interested in which bit fixed it for you (I can edit to remove the irrelevant part). — freedomn-m, Sep 06 '16 at 13:20

Is this right way to call php file using jquery?

2 Answers2