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

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();
    }        
}}

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