javascript Ajax SCRIPT1003: Expected ':' in IE 11

Question

 var url="tabla.php";
 $.ajax({
    type: "POST",
    url:url,
    data:{place,names,repor},
    success: function(datos){       
      $('#tabla').html(datos);
    }

This code works in Chrome but in IE 11 returns the error SCRIPT1003: Expected ':' on line 5. I'd really appreciate any help.

Note: place and names are arrays that are previously defined, and repor is also a previously defined variable.

Answer 1

Usually objects in JavaScript are initialized as key value pairs, so data should probably be initialized like

data:{ place : place, names : names, report : report }

See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer

In ECMAScript 2015 it seems you can omit the key part in certain situations, which is why it works on Chrome.

Answer 2

I had the SCRIPT1003: Expected ':' error as well in IE 11 (and my code worked fine in Chrome & Firefox). If someone uses Knockoutjs and encounters this, watch out for the syntax when stating functions in your view model:

var viewModel = {
    property1: "",
    functionWorksInAllBrowsers: function (arg1, arg2) {
        // ...
    },
    functionThrowsErrorInInternetExplorer11(arg1, arg2) { 
        //...
    }
};