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.

What's wrong with: <a href='/wp-content/plugins/est_collaboration/php/export_csv.php'>click</a> — fdomn-m
– fdomn-m, Commented Sep 6, 2016 at 13:02
@freedomn-m whats wrong with this??? i have not tried <a href=''></a> — R9102
– R9102, Commented Sep 6, 2016 at 13:04
@freedomn-m its perfectly working fine.But why its not coming to the above code.\ — R9102
– R9102, Commented Sep 6, 2016 at 13:11
@JMR JavaScript to accomplish what a simple plain link could do is just needlessly complex — ceejayoz
– ceejayoz, Commented Sep 6, 2016 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? — fdomn-m
– fdomn-m, Commented Sep 6, 2016 at 13:13

Passionate Coder · Accepted Answer · 2016-09-06 13:05:39Z

2

You can simply try this

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

answered Sep 6, 2016 at 13:05

Passionate Coder

7,3042 gold badges24 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

R9102 Over a year ago

i agree with your answer ..But what if i use button onclick function i need to know why its not coming.

Community · Accepted Answer · 2017-05-23 12:01:03Z

1

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?

edited May 23, 2017 at 12:01

CommunityBot

11 silver badge

answered Sep 6, 2016 at 13:12

fdomn-m

28.8k8 gold badges39 silver badges70 bronze badges

2 Comments

fdomn-m Over a year ago

Glad to help, but interested in which bit fixed it for you (I can edit to remove the irrelevant part).

R9102 Over a year ago

i used normal <a href></a>

Collectives™ on Stack Overflow

Is this right way to call php file using jquery?

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related