PebbleJS ajax error: send@[native code] about pebblejs

[youtux]

Have you tried encodeURIComponent?

directionUrl+="&origin="+lat+","+long+"&destination="+encodeURIComponent(placeSubtitle);

[Meiguro]

Thanks for reporting this issue! It seems the double quotes causes the URL to be invalid on iOS. The full error is "Invalid URL" (the exception message isn't being shown, but that has been fixed). It looks like a problem with the XMLHTTPRequest object that is provided by the included iOS JavaScript VM. Other browsers, including desktop Safari, have no problem with the double quotes. I hesitate to encode the URI for the user especially since ajax has never done so, and no other xhr library does so. But I may look into doing limited encoding if it doesn't break anything that wasn't expecting encoding in the first place, for example on Android if the same URL is valid there.

In the meantime, you can use encodeURIComponent as youtux outlined, or encodeURI on the entire url before being given to ajax. You can also define your GET parameters in an object and use ajax.formify to encode them. For example:

var params = {
  key: API_KEY,
  origin: lat + ',' + long,
  destination: '"' + placeSubtitle + '"'
};

ajax(
  {
    url: 'https://maps.googleapis.com/maps/api/directions/json?' + ajax.formify(params),
    type: 'json'
  },
  function success(data, status) {
     console.log('Success: ' + status);
  },
  function failure(error, status) {
     console.log('Error: ' + status + ' ' + error);
  }
);

I changed the url to https, but I'm not sure if that works. I would hope it does.