jquery call to php not working

Question

Hi I am a complete noob in this. I am trying to call a simple php page from js script

$.ajax({
            url: "././mail/testphp.php",
            type: "POST",
            dataType: "html",
            success: function() {
                // Success message
                alert("success");
            },
            error: function(xhr,textStatus,err) {
                alert("readyState: " + xhr.readyState + "\n" +
                      "responseText: " + xhr.responseText + "\n" +
                      "status: " + xhr.status + "\n" +
                      "text status: " + textStatus + "\n" +
                      "error: " + err);
            },
        })

This is the testphp:

<?php
echo 'Hello';
?>

The alert I am getting is "NetworkError: Failed to execute send on XMLHttpRequest failed to load file dir/testphp" (the directory is correct).

Both js and php are on my local hard drive. Do I need to put it on a server for it to work or something?

edit: here's the error I am getting (note: the directory IS correct) enter image description here

Are you sure its ././mail/testphp.php and not ../../mail/testphp.php? — Zee
– Zee, Commented May 6, 2015 at 4:50
@Sourabh- yeah, this code is pretty much from bootstrap template including all their files/folders (I've only changed filename b/c theirs wasn't working either with same error) — Chebz
– Chebz, Commented May 6, 2015 at 5:02
@MichaelNaumov. In that case can you show your directory structure? — Zee
– Zee, Commented May 6, 2015 at 5:04
Try writing a regular form that submits via POST to testphp, what does it do? — v010dya
– v010dya, Commented May 6, 2015 at 5:09

bart s · Accepted Answer · 2015-05-06 07:08:16Z

2

Are you loading all files (html and js) from file? (e.i. file://....). If you are loading them through a local webserver, you may face a cross site scripting block from your browser. You can easily find such block if you use google chrome and open the developer tools.

You then can start chrome with a special flag to circumvent this problem (see Chrome Allow File Access From File. However, I reccommend to install a local webserver you can use for testing.

answered May 6, 2015 at 7:08

bart s

5,1202 gold badges38 silver badges58 bronze badges

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

3 Comments

Chebz Over a year ago

yeah they are all on hard drive, I am just clicking the index.html in windows explorer to preview.

Chebz Over a year ago

oh my god thanks for suggestion! I was about to just abandon my attempt at using php. I installed XAMPP and run my webpage through that, and success!

bart s Over a year ago

Good to hear. I can advice strongly to use google chrome developer tools (which is part of the browser) to debug and check if you have errors in your javascript etc. You can also use firefox inspector for that.

Jadou · Accepted Answer · 2015-05-06 05:19:16Z

1

. => one dot mean current directory .. => two dots means go up one directory.

answered May 6, 2015 at 5:19

Jadou

362 bronze badges

Comments

Jakob Leifhelm · Accepted Answer · 2015-05-06 04:51:25Z

0

Use this:

url: "../../mail/testphp.php",

instead of this:

url: "././mail/testphp.php",

answered May 6, 2015 at 4:51

Jakob Leifhelm

1271 silver badge10 bronze badges

4 Comments

Chebz Over a year ago

no this gives completely incorrect directory in the error log

Jakob Leifhelm Over a year ago

so the dir is no Problem?

Jakob Leifhelm Over a year ago

but you dont Need the ././

Chebz Over a year ago

nope sorry. I tried everything, even moving the testphp into root folder and removing the slash completely. Same issue. The error log itself prints out the correct directory which is why I suspect it's something else. Perhaps I need to run it from a server instead of local machine? I got the code from web template without any modifications except trying to replace the php file (since the one they provided initially gave me the same error)

Sagar · Accepted Answer · 2015-05-06 05:02:00Z

0

This would work.

url: '../mail/testphp.php',

answered May 6, 2015 at 5:02

Sagar

6473 silver badges14 bronze badges

3 Comments

Chebz Over a year ago

hmm that may have worked, except its not showing the success alert but refreshes the page instead

Sagar Over a year ago

Do not print values in your testphp.php, instead try database operation like insert, delete so that u will get to know whether this call is success or not.

Chebz Over a year ago

ah nevermind, I accidently deleted a comma after url when I tried your solution. That way instead of giving an error it was refreshing a page. Still doesn't work sorry. :(

Praveen Dabral · Accepted Answer · 2015-05-06 05:17:30Z

0

Correct your ajax url :

url: "././mail/testphp.php",

The reason you are getting NetworkError is because your url is not mapping

EDIT

I think this might work

url: "testphp.php",

UPDATED

I think you should add the data to be post like :

url: "testphp.php",
data: "",  // data to be post on testphp.php
type: "POST",

edited May 6, 2015 at 5:17

answered May 6, 2015 at 4:49

Praveen Dabral

2,5094 gold badges34 silver badges48 bronze badges

2 Comments

Chebz Over a year ago

tried it, also tried moving testphp.php file into the same folder with js. The error log shows correct URL. :(

Praveen Dabral Over a year ago

what is the full url of the testphp.php file and your current file from which you are calling

VJP · Accepted Answer · 2015-05-06 06:44:38Z

0

either use this url: "../../mail/testphp.php" in order to go up for 2 levels

or use url: "../mail/testphp.php" to go up by 1 level

try any one.

answered May 6, 2015 at 6:44

VJP

345 bronze badges

Collectives™ on Stack Overflow

jquery call to php not working

6 Answers 6

3 Comments

Comments

4 Comments

3 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

4 Comments

3 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related