我沒有看到這個post導致我到UI/API/1.8/Dialog如何創建一個彈出窗口來提交表單數據?
我在尋找最基本的彈出窗口提交表單數據。 這是嗎? (提交表單數據的彈出窗口是否必須使用ajax?)
謝謝。
編輯 - 對不起,澄清,我的意思是彈出包含實際的輸入字段和提交按鈕以及。
我沒有看到這個jQuery示例,但它包含許多.js文件來實現。我正在尋找「最輕」最基本的彈出窗口來輸入並將名稱/值paisr發送到服務器。
我沒有看到這個post導致我到UI/API/1.8/Dialog如何創建一個彈出窗口來提交表單數據?
我在尋找最基本的彈出窗口提交表單數據。 這是嗎? (提交表單數據的彈出窗口是否必須使用ajax?)
謝謝。
編輯 - 對不起,澄清,我的意思是彈出包含實際的輸入字段和提交按鈕以及。
我沒有看到這個jQuery示例,但它包含許多.js文件來實現。我正在尋找「最輕」最基本的彈出窗口來輸入並將名稱/值paisr發送到服務器。
創建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();
}
}}
這是怎麼做到這一點的基礎。顯然,你需要一些驗證和一些其他功能
Try prototype based popup windows
http://livepipe.net/
傳統上彈出用於使用AJAX提交數據。但我曾在項目中,我加載使用Ajax,但數據提交給服務器彈出是單純的沒有AJAX