JavaScript/JQuery：对象属性问题

Question

我正在使用 JQuery 调用 $.ajax 函数。被调用的 php 返回一个结构为“varname=varvalue&varname2=varvalue2”的字符串。我将其全部分解并创建一个对象，该对象使用 varnames 作为属性，使用 varvalues 作为这些属性的值。这是我的代码：

$.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);
           }
           });

注意第二个 for 循环。我这样做只是为了获得对象内每个属性的警报。这可以正常工作并显示每个属性名称和正确的值。返回的属性之一始终是“returnText”。但是，当我调用最终警报试图获取 returnText 时，我得到“未定义”。有什么想法可能是为什么吗？

Answer 1

为什么不将数据作为 json 编码数组返回呢？更容易合作

Answer 2

我看不出代码有什么问题，但也许这些可以帮助您识别问题。我会使用 success 而不是 complete 来确保问题不在于信息传输。

我还将 deparameterize 代码提取到一个单独的函数中，因为它更容易测试，而且看起来像是我会再次执行的操作。

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);
    }
});

注意：扩展 String 并不总是最佳实践，但也许在这种情况下它有效。