Fatal编程技术网

Jquery mobile Jquery移动对话框窗体

jquery-mobile

Jquery mobile Jquery移动对话框窗体,jquery-mobile,Jquery Mobile,我正在使用jQueryMobile，我想使用一个表单在数据库中输入一些值 我有一个表单，可以使用test123.php将数据提交到以下数据库： <form method="get" action="test123.php?test=1"> <input type="submit" value="spiegel" /> </form> 我得到一个按钮，但新页面显示为普通页面 使用此解决方案： <a data-role=

我正在使用jQueryMobile，我想使用一个表单在数据库中输入一些值

我有一个表单，可以使用test123.php将数据提交到以下数据库：

  <form method="get" action="test123.php?test=1">
         <input type="submit" value="spiegel" />
  </form>
我得到一个按钮，但新页面显示为普通页面

使用此解决方案：

  <a  data-role="button" data-rel="dialog" href="#test">
           spiegel
  </a>
我得到一个具有相同输出的对话框（我得到消息“spiegel”）

但我希望确认站点显示为对话框

一个带有数据rel“dialog”的链接，所以我想使用我的php站点，但我想在我提交数据后将其视为一个对话框，并将其作为一个数据库。我不知道该怎么做

感谢您的帮助

好的，您希望PHP页面中的数据在对话框中打开，而不是在下一页中打开

您需要的是AJAX

AJAX允许您刷新和更改HTML页面的一部分，而无需更改整个页面

$.ajax({
   url: 'test123.php',
   type: 'POST',
   data: {spiegel : 'spiegel'}
   error : function (){ document.title='error'; }, 
  success: function (data) {
    $('#ajax_content').html(data);
}
}))

因此，该函数将返回由
test123.php

链接到文档：

我也为此挣扎了一段时间。最后看一看jquerymobile为对话框页面创建的html。只需创建一个具有以下结构的页面，它将始终作为对话框页面打开（就像它是从带有
data rel=“dialog”
的链接打开的一样）


页面标题
您所做的只是将
data role=“page”
更改为
data role=“dialog”


仅用于示例显示

用户名：
电子邮件ID:
从数据库输入值？表单用于向数据库提交值。您并不需要表单，但我们确实需要更多信息来帮助您。我的意思是，我已经在使用表单向数据库提交值。这是有效的。我只需要我的确认网站，这只是一个短语：（在这个例子中：“明镜”）弹出一个对话框。好的。现在你有了对话。但这是非常不清楚的“我的PHP网站没有使用”？？那是什么意思？好的。我是sry，如果我不清楚的话。我会再试一次。我有一个表单，可以使用test123.php将数据提交到数据库。但是我希望确认站点显示为对话框，如表单下面的示例所示。一个带有数据rel“dialog”的链接，所以我想使用我的php站点，但我想在我提交数据后将其视为一个对话框，并将其作为一个数据库。现在清楚了吗？谢谢你的帮助 
<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
<!-- include your css, jquery, and jquery mobile files here -->
</head> 
<body> 
<div data-role="dialog">
<div data-role="content">   
<!-- content goes here -->
</div><!-- /content -->
</div><!-- /dialog -->
</body>
</html>

<!DOCTYPE html> 
<html> 
<head>
  <!--add all your jquery,jquery mobile as well as its CSS refrences here-->
 </head>
<body>
<div data-role = "page">
    <div data-role="header">
<a href="#login" data-role="button" data-rel="dialog" data-transition="pop" data-icon="plus">opendialogpage</a>
</div>
    <div data-role="content">
<p>just for sample display</p></div>
</div>
    <div data-role="dialog" id="login">
    <div data-role="header" data-theme="e"></div>
    <div data-role="content">
        <form id="login_form">
            <fieldset>
                <div data-role="fieldcontain">
                <label>USER NAME:</label>
                <input type="text" id="name" value=""/>
                </div>
                <div data-role="fieldcontain">
                    <label>EMAIL ID:</label>
                    <input type="text" id="email" value=""/></div>
            </fieldset>  
</form>
</div>
</div>
</body>