使用Javascript保存弹出式数据

Question

我正在下拉菜单中的“新建”选项。如果用户点击“新建”选项，弹出窗口将显示保存按钮。在该弹出窗口中，用户将输入数据，然后用户将此数据保存在服务器上。为了达到这个目标，我应该遵循。任何帮助请.. ??

Answer 1

从Ajax调用C＃Web方法的JavaScript函数。

<script> 
     function savefile() 
     { 

      var person = 'test', 
       returnEmail = 'test@test.com'; 
      var dataValue = { "name": person, "returnAddress": returnEmail }; 

      var url = "WebForm1.aspx/OnSubmit"; 
      $.ajax({ 
       type: "POST", 
       url: url, 
       data: JSON.stringify(dataValue), 
       contentType: 'application/json; charset=utf-8', 
       dataType: 'json', 
       success: function(msg) { 
        if (msg.d != null) { 
         alert("We returned: " + msg.d); 
        } 
       }, 
       error: function(XMLHttpRequest, textStatus, errorThrown) { 
        alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown); 
       } 
      }); 
     }; 
    </script> 
    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="savefile()" /> 

Web方法接收Ajax请求并处理它。

using System.Web.Services; 
[WebMethod] 
public static string OnSubmit(string name, string returnAddress) 
{ 
    return "it worked"; 
    //Code for writing your data to text file. 
} 

Answer 2

使用例如从JavaScript：

$(function() { 
     $("#btnSave").click(function() { 
      var person = { Name: 'MrX', Age: 25 }; 
      $.ajax({ 
       type: "POST", 
       url: "/AddUser", 
       data: car, 
       datatype: "html", 
       success: function (data) { 
        /* 
        done 
        */ 
       } 
      }); 
     }); 
    }); 

，然后到你的控制器：

[HttpPost] 
public JsonResult AddUser(string data) 
     { 
/* deserilize and insert */ 

，或者如果你正在使用你需要来装饰你的方法，如Web形式：

[WebMethod] 
    public static void AddUser(string data) 
{ 
/* deserialize, add */ 

注意：有很多选项可以做到这一点。这取决于你是什么样的条件或你喜欢什么