Dreamweaver可以加载api请求，但Google Chrome不能

So I'm trying to use the steam web api and create a simple page that displays the user's friend list. So far I managed to get an arraylist containing all the steam-64 ids of the user's friend list. However, the problem is I tested this on the live view feature in Dreamweaver.

When I load it into Google Chrome, nothing displays it returns this error in the console:

Uncaught NetworkError: Failed to execute 'send' on 'XMLHttpRequest'. Failed to load http://api.steampowered.com/ISteamUser/GetFriendList/v0001/?key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX&steamid=76561197960435530&relationship=friend

However, when I test it using the live feature on Dreamweaver, I get this:

The steam-id shown below the sign in button demonstrates that my code is working.

I am currently using xampp (so apache) to run my php file. I have configured it in Dreamweaver properly and I've also enabled mod_rewrite and mod_proxy. However, the request cannot still be loaded when I display in Google Chrome.

If anyone can please help, it would be appreciated.