Ajax接听电话不起作用

Question

i have following kind of url

  http://11.11.11.11/url/index.php?data={method:method_name,params:{param1:value,param2:value,}}

and i want to pass data from backbone view to ajax class which has following kind of structure

define(['jquery', 'backbone'],
function($, Backbone) {
    var ajax = {
        getDataCall: function(url, data, successCallBack, failureCallBack) {
            var that = this;
            //console.log(method);
            //console.log(successCallBack);
            that.showLoading();
            $.ajax({
                url: url,
                method: 'get',
                data: data,
                // contentType:"application/json; charset=utf-8",
                success: function(data) {
                    that.hideLoading();
                    //alert("success ajax");
                    successCallBack(data);
                },
                fail: function(data) {
                    that.hideLoading();
                    failureCallBack(data);
                }
            });
        },
        showLoading: function() {
            $.blockUI();
            //$.blockUI({ message: '<img src="img/ajax-loader.gif" />' })
        },
        hideLoading: function() {
            $.unblockUI();
        }
    };
    return ajax;
});

and from backbone view i am calling

var dataToSend={"method":"method","params":{"param2":"param2"}}  

ajax.getDataCall("http://11.11.11.11/url/index.php?",dataToSend,successCallBack,failureCallback)

but it is not turning into correct url. What is wrong in this code?

Answer 1

This is an interesting setup. I never really seen JSON format in an URL before. BUT, basically jQuery takes a object literal in the data attribute and serializes it on the default contentType.

Anyway, the solution is you need to 1) stringify the object, 2) take away the quotes, and 3) put "data=" as you have placed there:

var dataToSend={"method":"method","params":{"param2":"param2"}};
dataToSend = 'data=' + JSON.stringify( dataToSend ).replace(/\"/g, '');

ajax.getDataCall("http://11.11.11.11/url/index.php?",dataToSend,successCallBack,failureCallback)