使用Javascript保存弹出式数据

问题描述：

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

看着AngularJs以及引导或Jquery弹出插件。 –

**保存按钮**您可以使用ajax发出发布请求，并将这些数据保存到db中。 –

答

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

<script> 
     function savefile() 
     { 

      var person = 'test', 
       returnEmail = '[email protected]'; 
      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. 
}

我已经创建了这样的脚本。但它不起作用。你能告诉我这是什么错误吗？ $（document）.ready（function（）{（'＃SaveinFile'）。click（function（）{.ajax（{D：\ C＃.Net \ Scramble.Txt'， datatype ：“json”，方法：'post'，成功：function（data）{ var scrtabledata = $（'＃modaltable'）; scrtabledata.empty（）; $（data）.each（function（） { scrtabledata.append（ '

'+ scrtabledata.comment +''+ scrtabledata.DropDownList2 +''+ scrtabledata.DropDownList1 +''）; – kiran

可以你的请求e给我发送代码以便我可以测试它？ –

– kiran

答

使用例如从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 */

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

使用Javascript保存弹出式数据

相关推荐