试图ajax的成功里面使用时，“.replace（）是不是一个函数”

Question

这是我在做什么：

function AddSupervisor() 
    { 
     var employeeID = $('#ID').val(); 
     var supervisorId = $('#SupervisorId').val(); 
     var supervisors = ''; 
     if (supervisorId > 0) 
     { 
      $.ajax({ 
       url: '@Url.Action("AddSupervisor", "Contact")', 
       type: 'GET', 
       dataType: 'json', 
       data: { EmployeeID: employeeID, SupervisorID: supervisorId }, 
       success: function(data) { 
        supervisors = data; 
        $('#divSupervisorList').text(supervisors.replace(",", "<br />")); 
       }, 
       error: function(data) { 

       } 
      }); 
     } 
    } 

这是错误：

Uncaught TypeError: supervisors.replace is not a function

如果我这样做这样的：

$('#divSupervisorList').text(data); 

的结果在屏幕上是这样的：

John Foo, Jane Bar 

我要的是：

John Foo 
Jane Bar 

但我无法用<br />更换,。起初，我尝试过：

$('#divSupervisorList').text(data.replace(",", "<br />")); 

而当没有工作，我去使用一个字符串，在ajax调用之前声明。我也尝试使用.split()，但得到了同样的错误。

不知道我在做什么错。

UPDATE：

正如许多人所指出的那样，我的返回数据不是字符串，而是一个目标：

(4) ["Adam Brown", "Karl Walser", "Jeremy Smith", "Nathan Graham"] 
0 : "Adam Brown" 
1 : "Karl Walser" 
2 : "Jeremy Smith" 
3 : "Nathan Graham" 

所以，现在我得弄清楚如何将这种阵列分成字符串:-)

Answer 1

根据the jQuery docs：

[dataType is] "json": Evaluates the response as JSON and returns a JavaScript object

所以你的data实际上是一个object。您需要访问相关的字符串属性，例如data.supervisors.replace(...) - 取决于你的对象模型。

我建议增加一个console.log(data)调用您的成功回调，并通过按F12来检查您的浏览器中的开发者控制台，以调查问题的根源。

更新：上面调用console.log的输出提示data是一个数组。因此，你需要更换

$('#divSupervisorList').text(data.replace(",", "<br />")); 

与

$('#divSupervisorList').html(data.join("<br />")); 

Answer 2

我的猜测是，data PARAM实际上是一个数组，而不是一个字符串，你用逗号看到它，只是因为JS是鬼祟以这种方式进行字符串化。你可以在字符串中使用join方法阵列组合他们，但是

supervisors.join('<br />') 

，如果你试图在jQuery的text功能使用"<br />"，它会被逃脱。您可以改用html函数。所以，

$('#divSupervisorList').html(supervisors.join('<br />')); 

Answer 3

要更换你的阵列中的每个成员内部逗号，你需要地图上的数组值.replace()：

let result = data.map(function(o){return o.replace(',','<br />')}); 

要加入阵列的成员，他们用<br />分离，你需要.join()：

let result = data.join('<br />'); 

注意有没有实际的逗号分隔阵列成员，这只是显示阵列值，以便呜呜的传统方式ans可以阅读并理解它们，但没有什么可以替代。所有你需要做的就是加入你选择的分隔符（<br />），默认情况下是逗号。

所以这也会给你同样的结果：

let result = data.join().replace(',','<br />'); 

...因为.join()会使用,和.replace()将与<br />小号取代它们胶字符串。

Answer 4

作为回应的数据是Json而不是字符串。

function AddSupervisor() 
{ 
    var employeeID = $('#ID').val(); 
    var supervisorId = $('#SupervisorId').val(); 
    var supervisors = ''; 
    if (supervisorId > 0) 
    { 
     $.ajax({ 
      url: '@Url.Action("AddSupervisor", "Contact")', 
      type: 'GET', 
      dataType: 'json', 
      data: { EmployeeID: employeeID, SupervisorID: supervisorId }, 
      success: function(data) { 
       supervisors =JSON.stringify(data); 
       $('#divSupervisorList').text(supervisors.replace(",", "<br />")); 
      }, 
      error: function(data) { 

      } 
     }); 
    } 
} 

查看更多： [https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify]。