Question

This is my code for the .ajax() call:

    $.ajax({
      type: "POST",
      url: "http://ws.geonames.org/searchJSON",
      dataType: "jsonp",
      data: {
        featureClass: "P",
        style: "full",
        maxRows: 12,
        name_startsWith: request.term
      }

In addition to using type:"POST" as above, I also tried using $.ajaxSetup({type: "post"}); above this code block.

In both cases, the values in the data key are being appended to the URL. I want a clean URL with no parameters. This code is actually a part of an autocomplete field, it’s wrapped into an anonymous function and given a key source like the main jQueryUI examples.

Note The actual URL is immaterial, I don’t know if geonames supports POST requests but that’s going to change later, this is just an example.

Answer 1

Simply add your parameters like this :

url: "http://ws.geonames.org/searchJSON/" + param,

If you want to force POST, you can try jQuery.post()