2010-04-28 77 views
1

我沒有看到這個post導致我到UI/API/1.8/Dialog如何創建一個彈出窗口來提交表單數據?

我在尋找最基本的彈出窗口提交表單數據。 這是嗎? (提交表單數據的彈出窗口是否必須使用ajax?)

謝謝。

編輯 - 對不起,澄清,我的意思是彈出包含實際的輸入字段和提交按鈕以及。
我沒有看到這個jQuery示例,但它包含許多.js文件來實現。我正在尋找「最輕」最基本的彈出窗口來輸入並將名稱/值paisr發送到服務器。

回答

2

創建HTML表單和使用jQuery發佈/提交

http://jquery.malsup.com/form/

http://api.jquery.com/jQuery.post/

編輯: 你可以簡單地在一個.js文件中做到這一點。 所有你需要做的就是添加一個.htm表單到你的項目中添加你想要的輸入字段。 然後在你的.js中引用這些字段。

例如,這是HTML表單:

<table> 
    <td><input type="text" maxlength="50" id="EditUserFName" style="width:220px;" /></td> 
    </tr> 
<tr> 
     <td>Last Name:</td> 
     <td><input type="text" maxlength="50" id="EditUserLName" style="width:220px;" /></td> 
</tr> 
</table> 

您的.js文件...

function CallService(method, jsonParameters, successCallback, errorCallback){ 
if (errorCallback == undefined) 
{ 
    errorCallback = function(xhr) 
    { 
     if (xhr.status == 501) 
     { 
      alert(xhr.statusText); 
     } 
     else 
     { 
      alert("Unexpected Error"); 
     } 
    } 
} 

$.ajax({ 
    type: "POST", 
    url: method, 
    data: jsonParameters, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: successCallback, 
    error: errorCallback 
});} 


function SaveEvent(onSaveCallback){ 
var fName = $("#EditUserFName").val() 
var lName = $("#EditUserLName").val(), 

CallService("ServiceLayer/Manager.asmx/SaveEvent", JSON.stringify(fName, lName), function() 
{  
    if (onSaveCallback != undefined) 
    { 
     onSaveCallback(); 
    }   
}} 

這是怎麼做到這一點的基礎。顯然,你需要一些驗證和一些其他功能

1
Try prototype based popup windows 
http://livepipe.net/ 

傳統上彈出用於使用AJAX提交數據。但我曾在項目中,我加載使用Ajax,但數據提交給服務器彈出是單純的沒有AJAX

相關問題