jQuery Forum

You neglected to post how you got dataMap.  That ’s where the problem lies.

You're more likely to get a useful answer if you can provide a link to your site so that others can look at the code. At least then people can look it it and see if there is anything that raises a red flag.

Thanks a lot for replying. Here is the code that generates dataMap.

var liArray = $("#"+entity+"_cfs").children("ul").children("li");

var inputTag, listOfData = [], dataMap = {};

if($.isEmptyObject(liArray))

return ;

$.each(liArray, function(index, value){

      inputTag = $(value).find(".cf_input input")[0];

      listOfData.push($(inputTag).val());

});

dataMap["listOfData"] = listOfData;

It is not just this code here, but other methods that eventually make an ajax request to send data to the server, end up sending a random string like jQuery20206329934545792639_1415046914457.

I wish I could give you access to the page causing this, but our testing and production environments both contain client data and we can't give access to other people. It is an internal tool used by employees here. 

Thanks for the Stackoverflow link. But the UTF-8 problem is a known issue and the App Engine team has agreed to escalate it to their engineering team after many reported it.

We do use jQuery UI, but only for the sake of cropping a picture - its just one tiny feature of uploading a profile picture. It is not being used in methods that send or receive data to the server, certainly not this method.

Thanks a lot Jake and watusiware for replying. It could be random string generated by jQuery or a plugin. If only there was a way to reproduce this issue by myself, I would do anything to solve it. 

If you do have anymore hints, please let me know! This problem is driving me crazy.

I did a basic search for in the jQuery library and this showed up:

first this:
version = "1.11.1",

and second this:

jQuery.extend({
// Unique for each copy of jQuery on the page
expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
// Assume jQuery is ready without the ready module
isReady: true,


and then this:

// Default jsonp settings
jQuery.ajaxSetup({
jsonp: "callback",
jsonpCallback: function() {
var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce++ ) );
this[ callback ] = true;
return callback;
}
});


The value of the variable callback in the above snippet would perfectly match the format of random strings we keep getting. A few methods do use jsonp requests, but only to get data, not to post anything.

I suggest you add some console.log statements to your code. You need to debug backwards to find where these values are coming from. So far your code looks innocent.

I found out the cause and solution for this issue. The problem is with the jQuery library.

The following is the code causing the problem:

beforeSend : function(jqXHR) {

      jqXHR.setRequestHeader("Content-type","application/json; charset=UTF-8");

},

The above code turns all double question marks (??) to a random string.

I used the "contentType" property of ajax and it works well now. 

contentType: "application/json;charset=UTF-8",

I’m not convinced. But it if works for you, I’m happy too.

Apparently a similar problem was fixed in 1.4.4 and was fixed again in 1.5.2. This problem now exists in jQuery 2.0.2

JAKE, 

Thanks. 
Anyway, here is the JSFiddle: http://jsfiddle.net/86or957m/
Open the console and Press Run.


watusiware,

Thanks for tracking this down. It's an odd one!

Because a lot of people like to do JSON in and JSON out AJAX, I wrote a plugin that does just that.

Awesome!