2011-09-12 25 views
0

想了解的jQuery。有點慢,也許是因爲我來自COBOL背景。如何提交裝入使用dialod .load一個php/html表單()

我像我一樣學習,而不僅僅是閱讀。 PHP,jQuery的都只是興趣愛好,我

我曾經有過這些更新表單頁面。我想嘗試將它們放入對話框中。

我嘗試使用Dialog,它帶有一個I幀,我不喜歡它,I幀非常加載緩慢,網頁的加載包含jQuery的標籤,這其中甚至加載較慢。還有其他幾個問題。

所以我想從內部框架移開。我剝離了頁面並保留了肉(我的php/html文件的主體)(減去body標籤),所以現在我將一個簡短版本的表單加載到對話框中,它加載得非常漂亮,看起來不錯。

所以接下來我要提交我的數據,這就是我有點失去了....

我我客串都使用Ajax,但是從阿賈克斯返回一個OK /失敗消息我我又輸了。

我的提交按鈕不是jQuery對話框按鈕,它們必須是這樣嗎?

我必須使用按鈕:

{ 
    "Save" : function() { 
      ..... 
    "Close" : function() { 
      $(this).dialog("close"); 
      ..... 
}  

這些是醜陋,我對在何處放置他們少控制,以及如何看。

回答

0

所有你需要做的是確保你在你的對話框的形式。 ,在你的表單上添加一個監聽器。比方說,你有

<form id="myForm"> 
    <input id="myInput" name="myName" type="text" /> 
</form> 

然後您將添加一個偵聽器:

$("#myForm").die().live('submit',function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     type : POST, 
     url : localhost:8080/myUrl, 
     dataType : 'json', 
     cache: false, 
     contentType: "application/x-www-form-urlencoded; charset=UTF-8", 
     data : $("#myForm").serialize(), 
     success : function(){ //do what you want here, like displaying validation errors...}, 
     error:function (xhr, ajaxOptions, thrownError){ //manage ajax errors} 
    }); 

    return false; 
}); 

所以你的保存按鈕只是一個簡單的輸入類型=「提交」

玩得開心!

相關問題