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リクエストを受信して​​処理する方法。 JavaScriptから例えば

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

使用：あなたのコントローラに

$(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 */ 

注：これほど多くのオプションがあります。それはあなたが好きな条件やあなたが好きな条件に依存します。