0

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>

どんな助けでも大歓迎です..

4

6 に答える 6

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

https://developer.mozilla.org/en-US/docs/CSS/displayを参照してください

于 2013-03-01T16:35:55.403 に答える
0

テキスト ボックスの値を取得し、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');

    }

}
于 2013-03-01T17:40:22.213 に答える
0

これを試して

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) {
   }
})
于 2013-03-01T16:32:17.530 に答える
0

使えると思います

$.ajax({
    type:'get',
    url: "/validatecm/"+cmnumber,
    cache:false,
    async:true,
    data:cmnumber
}).done(function(data){
    $('#downtime').show();
})
于 2013-03-01T16:33:35.510 に答える
0

に を追加しdataてdiv表示します。

success: function(data) {
  $('#downtime').html(data).show();
},
error: function(data) {
  $('#downtime').html().hide();
}
于 2013-03-01T16:35:22.987 に答える
0

私はAJAXを初めて使用しますが、divを非表示/表示するには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.**MESSAGE** == "success")
        $('#downtime').show();
       else
        $('#downtime').hide();

   },   error: function(data) {    } })
于 2013-05-02T00:09:50.470 に答える