Ajax成功功能问题

Question

我的JavaScript看起来像那样。

有一些问题，我想不通，我在那里做了错误

• #status_message不显示生成的消息
• $("#status").className = 'fail';不会覆盖当前类

var message=$("#status_message"), form=$("#bcscan"), ids=$('#itemids'),proctype, destination, counter=0, tenWordCounter = 0, autoPostInterval=null, errorcount=0, successcount=0; 

function ajaxPost() { 
    formData = form.serialize()+'&process=Scan';  
    formUrl = form.attr('action'); 
    formMethod = form.attr('method'); 

    $.ajax({ 
     url: formUrl, 
     type: formMethod, 
     dataType: "json", 
     data: formData, 
     success: function (data) { 
      var now = new Date(); 
      if(data.err_detected==="yes") 
      {  
       if(data.errors.indexOf(",") != -1) 
        errorcount=errorcount+data.errors.split(",").length; 
       else errorcount=errorcount+1;     
       $("#status").className = 'fail'; 
       message =errorcount+" errors found"; 
       $('#errors').prepend(data.errors).slideDown("slow");       
      } 
      $('#success').prepend(data.success).slideDown("slow"); 
      if(data.success.indexOf(",") != -1) 
       successcount=successcount+data.errors.split(",").length; 
      else successcount=successcount+1;    
      message +="Last submitted:"+now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds(); 
      $("#status_message").text(message); 
     } 
    }); 
} 

Here is page in action

如果你想测试，请选择一些选项从选择像从db，ebay.fr输出，然后按“扫描”。输入10位数字，用逗号分隔41,42（它们存在于数据库表格中）。在第10位后，它会通过ajax发布textarea。

Answer 1

对于该消息，你声明的元素指向一个jQuery对象：

var message = $('#status_message'), ... 

但此时你覆盖它的字符串：

message = errorcount + ' errors found'; 

你应该打电话：

message.text('some string...') 

要改变它的内容。

对于类的变化，正确的语法是：

$("#status").addClass('fail'); 

Answer 2

你试试这个？ $("#status").addClass('fail');

Answer 3

如何

$('#status').attr('class','fail'); 

这将覆盖当前类。