Jquery Mobile對話框表格

我正在使用jQueryMobile，我想使用表單在數據庫中輸入一些值。Jquery Mobile對話框表格

我有工作，並使用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>

我得到相同的輸出（我得到的消息「週刊」）的對話框。

但我希望確認網站顯示爲對話框。

與data-rel「對話框」的鏈接，所以我想使用我的PHP網站，但我想看起來像一個對話框後，我提交我的數據做數據庫。我不知道如何做到這一點。

謝謝您的幫助

來源

2012-12-19 user1916608

從數據庫輸入值？表單用於將值提交給數據庫。您並不需要表單，但我們確實需要更多信息來幫助您 – cjds

我的意思是說我使用表單來將值提交給數據庫。這是行得通的。我只需要我的確認網站，它只是一個短語:(在這個例子中：「spiegel」）彈出一個對話框。 – user1916608

好的。現在你有了對話。但這是非常不清楚「我的PHP網站沒有使用」??那有什麼意思？？ – cjds

好了，你想從你的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

鏈接生成文檔可變數據：我這個太掙扎了一會兒http://api.jquery.com/jQuery.ajax/

來源

2012-12-21 01:47:02 cjds

。最後看看jquery mobile爲對話框頁面創建的html。只需創建一個具有以下結構的頁面，它將始終以對話框頁面的形式打開（就好像它已從與data-rel="dialog"的鏈接中打開）。

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

所有你正在做的是改變data-role="page"到data-role="dialog"。

來源

2013-04-15 00:31:02 TDave00

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

來源

2013-04-16 18:30:02 Erum

Jquery Mobile對話框表格

回答

相關問題