如何创建弹出窗口来提交表单数据？答案

【问题标题】：How do I create a popup to submit form data?如何创建弹出窗口来提交表单数据？
【发布时间】：2023-03-19 09:55:02
【问题描述】：

我确实看到了这个post，它把我带到了UI/API/1.8/Dialog

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

谢谢。

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

【问题讨论】：

标签： javascript jquery html forms

【解决方案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();
    }        
}}

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

【讨论】：

【解决方案2】：

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

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

【讨论】：