Javascript 通过ajax返回基于php的样式设置

Javascript 通过ajax返回基于php的样式设置,javascript,php,ajax,html,Javascript,Php,Ajax,Html,我的AJAX返回不是css的样式错误 我发现我从PHP返回的所有结果都显示为success属性函数。我所有的返回都显示为successCSS(引导) 我不确定是否有更好的方法从我的PHP接收数据,然后相应地设置输出样式 发送 函数validateForm(){ $.ajax({ url:“register.php”, 类型:“POST”, 数据:$('#注册表')。序列化(), 成功:函数(数据、文本状态、jqXHR){ $('#status').text(data.message).addC

我的AJAX返回不是css的样式错误

我发现我从PHP返回的所有结果都显示为success属性函数。我所有的返回都显示为successCSS(引导)

我不确定是否有更好的方法从我的PHP接收数据,然后相应地设置输出样式

发送
函数validateForm(){
$.ajax({
url:“register.php”,
类型:“POST”,
数据:$('#注册表')。序列化(),
成功:函数(数据、文本状态、jqXHR){
$('#status').text(data.message).addClass('successCSS');
if(data.code)//如果邮件发送成功,请重置表单。
$(“#注册表”)。最近的('form')。查找(“输入[type=text],
text区域“).val(“
");
},
错误:函数(jqXHR、textStatus、errorshown){
$('#status').text(jqXHR).addClass('errorCSS');
}
});
}

在进行ajax调用之前,需要检查code==0和code==1,并重置类名,这样就不会添加太多的类。
试试这个

function validateForm() {


$('#status').text('').removeClass('successCSS').removeClass('errorCSS');
$.ajax({
          url: "register.php",
          type: "POST",
          data: $('#registration-form').serialize(),
          success: function(data, textStatus, jqXHR) {
            if(data.code && data.code === 1) {
                $('#status').text(data.message).addClass('successCSS');
            } else {
                $('#status').text(data.message).addClass('errorCSS');
            }

            if (data.code) //If mail was sent successfully, reset the form.
              $('#registration-form').closest('form').find("input[type=text], 
                textarea ").val("
                ");
              },
              error: function(jqXHR, textStatus, errorThrown) {
                $('#status').text('error when submitting form ' + textStatus + ' : ' + errorThrown).addClass('errorCSS');
              }
          });
      }

在进行ajax调用之前,需要检查code==0和code==1,并重置类名,这样就不会添加太多的类。 试试这个

function validateForm() {


$('#status').text('').removeClass('successCSS').removeClass('errorCSS');
$.ajax({
          url: "register.php",
          type: "POST",
          data: $('#registration-form').serialize(),
          success: function(data, textStatus, jqXHR) {
            if(data.code && data.code === 1) {
                $('#status').text(data.message).addClass('successCSS');
            } else {
                $('#status').text(data.message).addClass('errorCSS');
            }

            if (data.code) //If mail was sent successfully, reset the form.
              $('#registration-form').closest('form').find("input[type=text], 
                textarea ").val("
                ");
              },
              error: function(jqXHR, textStatus, errorThrown) {
                $('#status').text('error when submitting form ' + textStatus + ' : ' + errorThrown).addClass('errorCSS');
              }
          });
      }

在显示成功消息之前检查
code===0
,在显示成功消息之前检查
code==0
,Hi NaturmaN这基本上解决了我的问题,因为错误消息的样式使用了errorCSS,而successCSS显示的是完整注册。此更改现在导致的一个问题是错误消息现在返回[Object,Object]。我不确定你是否能帮助解决这一问题,原因是什么?非常感谢。Tommy@Hutch现在试试,它正在打印[Object,Object],因为我们试图在error msg中打印jqXHR对象,现在应该是fineHi NaturmaN,这基本上解决了我的问题,因为错误消息的样式使用errorCSS,successCSS正在显示以完成注册。此更改现在导致的一个问题是错误消息现在返回[Object,Object]。我不确定你是否能帮助解决这一问题,原因是什么?非常感谢。Tommy@Hutch现在试试,它正在打印[Object,Object],因为我们试图在错误消息中打印jqXHR对象,现在应该可以了