Question

我有一个ajax调用，我需要根据ajax调用的响应显示一个特定的div。这是我的ajax电话

               var cmnumber = document.forms['myform']['cm'].value;
        alert(cmnumber)
    $.ajax({
    type:'get',
    url: "/validatecm/"+cmnumber,
    cache:false,
    async:true,
    data:cmnumber,
    success: function(data) {

    },
    error: function(data) {
    }
    })

    });

我需要在div上显示响应是否成功。默认div是隐藏的。

                    <div class="downtime" id="downtime" style="display: none" >
                          --------------
                    </div>

任何帮助都将不胜感激..

Answer 1

试试这个

var cmnumber = document.forms['myform']['cm'].value;
    alert(cmnumber)
    $.ajax({
      type:'get',
      url: "/validatecm/"+cmnumber,
      cache:false,
      async:true,
      data:cmnumber,
     success: function(data) {

       if(data == "success")
        $('#downtime').show();
       else
        $('#downtime').hide();

   },
  error: function(data) {
   }
})

Answer 2

我认为你可以使用

$.ajax({
    type:'get',
    url: "/validatecm/"+cmnumber,
    cache:false,
    async:true,
    data:cmnumber
}).done(function(data){
    $('#downtime').show();
})

Answer 3

将data添加到div并显示。

success: function(data) {
  $('#downtime').html(data).show();
},
error: function(data) {
  $('#downtime').html().hide();
}

Answer 4

document.getElementById("downtime").style.display = "block";

请参阅https://developer.mozilla.org/en-US/docs/CSS/display

Answer 5

获取文本框的值并将其保存为cmnumber。确保在html文件中包含jquery

function makeAjaxCall(){

    var cmnumber=$("#cm").val();

    var url="/validatecm/"+cmnumber;

    $.ajax({url:url,success:function(result){

        handleResult(result);

    }});

}

function handleResult(result){
// if result is what you expect it is then enable the div

    if(result=="ok"){

        $("#downtime").css('display','block');

    }

}

Answer 6

我是AJAX的新手，但你必须改变一件事来隐藏/显示div：

var cmnumber = document.forms['myform']['cm'].value;
    alert(cmnumber)
    $.ajax({
      type:'get',
      url: "/validatecm/"+cmnumber,
      cache:false,
      async:true,
      data:cmnumber,
     success: function(data) {

       if(data.**MESSAGE** == "success")
        $('#downtime').show();
       else
        $('#downtime').hide();

   },   error: function(data) {    } })

根据ajax的响应启用div

6 个答案: