Question

我正在使用Zend框架创建一个带有提交按钮的Jquery UI对话框，以便向MYSQL数据库添加内容。我的代码在使用普通URL（/ index）时有效，但是当它在自定义路由页面（/ addpost / new）上时，它似乎不起作用。有谁知道问题是什么？

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 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>

Answer 1

如果您可以将其保存在索引页面上，那么您的代码就可以了。

检查firebug中的ajax请求，并查看请求发送到的位置。最喜欢它的背景问题。通过直接调用它来解决它在firebug中的测试：

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

更改上面的网址参数，直到您点击终结点。这应该排序。

:)

使用MVC结构的Jquery UI模式对话框

1 个答案: