JavaScript / JQuery：对象属性问题

Question

I'm calling the $.ajax function using JQuery. The php that is called returns a string structured as such "varname=varvalue&varname2=varvalue2". I'm breaking it all up and creating an object that uses the varnames as properites and the varvalues as values of those properties. Here's my code:

$.ajax({
           type:"POST",
           url:"/actions/savebbuilderdata.php",
           data:({step: stepNum, submitObj: saveObj}),
           complete:function(jqXHR, textStatus){
               var returnObj = new Object();
               var returnArr = jqXHR.responseText.split("&");
               for(i=0;i<returnArr.length;i++){
                   var tempArr = returnArr[i].split("=");
                   returnObj[tempArr[0]] = tempArr[1];
               }
               //For Testing that the values are infact being assigned
               for(prop in returnObj){
                   alert(prop + ": " + returnObj[prop]);
               }
                alert(returnObj.returnText);
           }
           });

Notice the second for loop. I'm simply doing that to get an alert for each property within the object. This works correctly and shows each property name with the correct value. One of the properties being returned is always 'returnText'. However, when I call the final alert attempting to get that returnText I get 'undefined'. Any ideas why this might be?

Answer 1

Why don't you return the data as a json encoded array instead? Much easier to work with

Answer 2

I can't see much wrong with the code, but maybe these can help you identify the problem. I would use success instead of complete to make sure the problem isn't in the transfer of information.

I also extract the deparameterize code into a separate function because it is both easier to test and seems like something I would do again.

String.prototype.deparameterize = function() {
    var hsh = new Object;

    var pairs = this.split("&");

    for(i=0;i<pairs.length;i++){
       var pair = pairs[i].split("="); 
       hsh[pair[0]] = pair[1];
    }

    return hsh;
}

$.ajax({
    type:"POST",
    url:"/actions/savebbuilderdata.php",
    data:({step: stepNum, submitObj: saveObj}),
    success:function(data, textStatus,jqXHR){
        var obj = data.deparameterize();
        alert(obj.returnText);
    }
});

Note: not always best practice to extend String, but maybe in this case it works.