javascript - AJAX URL 字符串在变量之间添加空格

Question

我尝试在 ajax 调用中使用“GET”，但 url 在参数之间添加了空格

这是我的功能

    function getLocation(id,clientid){

        var formData ={
                'locationid'            :   id,
                'clientbrandid'         :   clientid
            }

        var ajaxResponse = $.ajax({
                type : 'GET', // define the type of HTTP verb we want to use (GET for our form)
                url  : '/../admin/miscellaneous/components/global.cfc?wsdl&method=locationData', // the url where we want to GET
                data : JSON.stringify( formData ),
                contentType  : 'application/json',
                error  : function(data,status,error){
                        console.log(data+': '+status+': '+error);
                    },
                success :  function clientData(pair){
                        $.each(pair,function( intI, strWord ){
                    $("input[id=editlocationName]").val(strWord.locationname);
                    });
                    }   
            }).done(function(apiResponse) {
                    $('#response').append(apiResponse);
            });
}

这工作正常，除了 URL 看起来像这样

http://somesite.com/admin/global.cfc?wsdl&method=locationData&{%22locationid%22:%222008013110482896439177%22,%22clientbrandid%22:%2235%22}

而不是

http://somesite.com/admin/global.cfc?wsdl&method=locationData&locationid=2896439177&clientbrandid=35

有人发现我的 ajax 调用有问题吗？

Answer 1

您正在将表单数据转换为 JSON，而不是对其进行 URL 编码。

jQuery 内置了用于 URL 编码数据的例程，如果您向其传递对象而不是字符串，它将使用该例程。

更改为:

data        : formData,