使用MVC結構的Jquery UI模式對話框

我正在使用Zend框架創建一個帶有提交按鈕的Jquery UI對話框，以將某些內容添加到MYSQL數據庫。我的代碼在使用普通URL（/ index）時有效，但當它位於自定義路由頁面（/ addpost/new）時，它似乎不起作用。任何人都知道問題是什麼？使用MVC結構的Jquery UI模式對話框

JQUERY DIALOG

<script> 


$(function() { 

$("#dialog-form").dialog({ 
     autoOpen: false, 
     height: 300, 
     width: 350, 
     modal: true 
    }); 

    $("#create-user") 
     .button() 
     .click(function() { 
      $("#dialog-form").dialog("open"); 
     }); 
}); 
</script>

BUTTON

<button id="create-user">Create new user</button>

FORM

<div id="dialog-form" title="Create new user"> 
<form id="form-id"> 
<fieldset> 
<input type="text" name="text" id="text" value="" class="text ui-widget- content ui-corner-all" /> 
<input type="submit" value="Add to Database"> 
</fieldset> 
</form> 
</div>

JQUERY SUBMIT

<script type="text/javascript"> 
$('#form-id').submit(function() { 
$.ajax(
{ 
    type: 'POST', 
    url: '/addtodatabase', 
    data: $(this).serializeArray(), 
    success: function(data, textStatus, jqXHR) 
    { 

    }, 
    error: function(jqXHR, textStatus, errorThrown) 
    { 
     //code 
     } 
     }); 
     }); 
     </script>

來源

2012-06-17 john smith

最新問題你有什麼？ –

數據未與數據庫連接。 url（/ addtodatabase）連接到數據庫並將信息插入到Mysql數據庫中。它適用於普通的URL路由（/ index），但不適用於自定義路由。 –

所以你說這個自定義的URL，它是你的目錄中的實際文件？如果它不是服務器上的真實文件，它顯然不起作用。 –

如果你可以將它保存在索引頁上，你的代碼就沒問題。

檢查螢火蟲中的ajax請求並查看請求發送到的位置。最喜歡它的背景問題。爲了解決這個測試在Firebug通過直接調用它：

$.ajax({url: "/addpost/new"}, {})

更改URL PARAM以上，直到你打你的終點。這應該排序。

來源

2012-06-18 01:15:45 DanyZift

使用MVC結構的Jquery UI模式對話框

回答

相關問題