ajax加載內容上的jQuery動作

我已經將一些數據加載到了boostrap中。ajax加載內容上的jQuery動作

$(".open_modal").live('click', function() { 
    var $url = $(this).attr('data-url'); 
    var $title = $(this).attr('title'); 
    var $modal_data = $('<div class="modal" id="my_modal"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h3><img src="/assets/imgs/loading.gif" /> Loading....</h3></div><div id="modal_content"></div></div>') 
     $modal_data.modal({ 
      show: true, 
      backdrop: 'static' 
     }); 
     $modal_data.find("#modal_content").load($url,function(){   
      $modal_data.find("h3").text($title); 
    }); 
    return false; 
});

我加載包含表單內容...

我想火jQuery代碼塊提交事件。

$("body").delegate("#post_status_frm", 'submit', function (e) { 
    var $this = $(this); 
    var $status = $("#shout_field").val(); 
    $.ajax({ 
     type: "POST", 
     url: "/do/post_status.asp", 
     data: $this.serialize(), 
     success: function (data) { 
      if (data === 'true') { 
       $("#my_modal").modal('hide'); 
       $("#activity").load('/content/activity.asp'); 
      } else { 
       alert(data); 
      } 
     } 

    }); 
    return false; 
});

但它不工作？

我試着在事件上拋出一個alert("")來檢查它是否正在觸發。它不是。

我很難過。

來源

2012-11-09 chris

你確定在dom上有一個ID爲post_status_frm的元素嗎？如果他們的身份證真的有效，你是否試圖用螢火蟲看？ –

是的，具有該ID的表單出現在控制檯中。 – chris

您是否檢查過** post_status.asp **是否返回有效的JSON？ – Coby

如果post_status.asp被簡單地返回「200 OK」與一個空的「響應體」的報頭響應，data變量是要返回的null的值。

$.ajax({ 
    type: "POST", 
    url: "/do/post_status.asp", 
    data: $this.serialize(), 
    success: function (data) { 
     console.log(data, data === null); // Output: null true 
     $("#my_modal").modal('hide'); 
     $("#activity").load('/content/activity.asp'); 
    } 
});

如果你想post_status.asp實際JSON數據作出反應，他們需要在「鍵值對」。

來源

2012-11-09 14:46:43 Coby

ajax加載內容上的jQuery動作

回答

相關問題