JS Error in path set in URL

[codeispoetry]

On this link

I also know where the error is coming.

In this ajax we are setting this URL:

url: "/wp-admin/admin-ajax.php",

but that is taking us to the sub domain as main path, but the actual link is different.

html.example.com sub domain, for example.

But the WordPress is installed here:

html.example.com/temp/2

so the URL that is being generated is:

http://html.example.com/wp-admin/admin-ajax.php

It should have been:

http://html.example.com/temp/2/wp-admin/admin-ajax.php

Is there a way we can fix this?

[DaveMaxwell]

Most likely, removing the leading slash should resolve it.

url: "wp-admin/admin-ajax.php",

The leading slash tells the browser to look relative to the root of the site, where if it’s missing, then it will look relative to the location the calling object is running from.

[codeispoetry]

@DaveMaxwell

Most likely, removing the leading slash should resolve it.

Let me try this one. I will update you.

[codeispoetry]

@DaveMaxwell

url: "wp-admin/admin-ajax.php",

This one didn’t worked, but few days back I had a discussion here →

@m_hutley

. means “this directory”
.. means “go up one directory.”

this one worked:

./wp-admin/admin-ajax.php

[DaveMaxwell]

Yeah, that makes sense as javascript is closer to shell scripting, so the conventions are very similar…

[codeispoetry]

I have one more issue.

var a = "./wp-content/plugins/visa-plugin/assets/images/",

Now suppose the WordPress is installed here →

html.example.com/temp/2/

Aand a WordPress post will look like this:

html.example.com/temp/2/index.php/2019/08/08/visaform/

Now it is throwing image URL here →

http://html.example.com/temp/2/index.php/2019/08/08/wp-content/plugins/visa-plugin/assets/images/error_ico.png

It should be throwing it here →

http://html.example.com/temp/2/wp-content/plugins/visa-plugin/assets/images/error_ico.png

This additional WordPress post path is unwanted :

index.php/2019/08/08/visaform/

Is there a way to get out of it?

[DaveMaxwell]

You’re going to have to edit the value. Something like (off the top of my head)

var a = "./".split('index').slice(0, -1).join('index') + "wp-content/plugins/visa-plugin/assets/images/";

That may not work, but essentially the work flow is:

1. Get the working url (the “./”)
2. Strip off everything after the index.php
3. Add the images location

[codeispoetry]

@DaveMaxwell

That may not work, but essentially the work flow is:

I tried this, but still we are in the same position. same path generating.

I hope that there is a solution.

[DaveMaxwell]

Well, I told you I wasn’t sure that code was going to work but the itemized process I gave you should work.

This code DOES essentially what I suggested. the first line is step 1, the second combines steps 2 and 3.

$var = "http://html.example.com/temp/2/index.php/2019/08/08";
$split = $var.split('index').slice(0, -1).join('index') + "wp-content/plugins/visa-plugin/assets/images/error_ico.png";

That code results in

[m3g4p0p]

Hi @codeispoetry, I’d suggest to use the built-in wp functions like plugins_url() then. Of course, you shouldn’t mix PHP and JS, but you might generate a simple JSON dictionary like e.g.

echo '<script>window.wpData = ' . json_encode([ 
  'pluginsUrl' => plugins_url() 
]) . ';</script>';

… which you can then access from anywhere in your actual JS.

[codeispoetry]

@DaveMaxwell

That may not work, but essentially the work flow is:

Actually it worked. Yesterday It looked not working, because shared hosting has some cache issues. In the morning I checked and it was working.

Sir,’
Can you please help me to understand what is happening at the coding level of this part →

"./".split('index').slice(0, -1).join('index') +

[DaveMaxwell]

@codeispoetry

Sir,’
Can you please help me to understand what is happening at the coding level of this part →

"./".split('index').slice(0, -1).join('index') +

You could probably figure this out with some simple web searches (“javascript split”, “javascript slice”, “javascript join”) but essentially

1. “./” gets the URL for the object being run (you should have figured that out by now)
2. split takes that value and splits it into an array, split where “index” is
3. slice pulls the corresponding elements from the array, 0 is equivalent to array[0]is the starting position, -1 tells it to extract all of the array elements EXCEPT the last one (hence everything after the index)
4. join puts the array elements back into a string putting “index” as the separator - since you’ve only got one element, nothing got added to the string.

So essentially you have

1. “http://html.example.com/temp/2/index.php/2019/08/08/”
2. [“http://html.example.com/temp/2/”, “.php/2019/08/08/”"]
3. [“http://html.example.com/temp/2/”]
4. “http://html.example.com/temp/2/”