如何创建弹出窗口以提交表单数据？

Question

我确实看到了post，它引导我进入UI/API/1.8/Dialog

我正在寻找最基本的弹出窗口来提交表单数据。 是这个吗？ （提交表单数据的弹出窗口是否必须使用ajax？）

谢谢。

编辑 - 很抱歉，澄清一下，我的意思是弹出窗口包含实际的输入字段和提交按钮。
我确实看到了jQuery示例，但它包含许多要实现的.js文件。我正在寻找输入到服务器并将名称/值paisr发送到服务器的“最轻”最基本的弹出窗口。

Answer 1

创建一个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();
    }        
}}

这是如何做的基础..显然你需要一些验证和一些其他功能

Answer 2

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

传统上弹出窗口用于使用AJax提交数据。但我在项目中工作，我使用Ajax加载弹出窗口，但向服务器提交数据只是没有ajax