将数据从引导 javascript 模式保存到数据库答案

【问题标题】：Sava data from bootstrap javascript modal to database将数据从引导 javascript 模式保存到数据库
【发布时间】：2013-05-06 19:22:11
【问题描述】：

我正在使用 twitter bootstrap javascript modal 并向其中添加了两个文本输入，现在我想要从这些输入中接收值并将其保存到数据库中，我认为可以使用 jquery 来完成，但是我不知道怎么做，所以我感谢您的帮助并提前感谢。

<a  href="#myModal" role="button" class="btn btn-info offset4" data-toggle="modal">Post New Job</a>
    <div id="myModal" class="modal hide fade">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h3>Add Job Details</h3>
  </div>
  <div class="modal-body">
    <p>Position Name: <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></p>
    <p>Description: <textarea id="TextArea1" runat="server"></textarea></p>
  </div>
  <div class="modal-footer">
    <button id="btnClose" class="btn" data-dismiss="modal" runat="server">Close</button>
    <asp:Button ID="Button1" runat="server" Text="Button" />
  </div>
</div>

【问题讨论】：

标签： c# javascript asp.net twitter-bootstrap

【解决方案1】：

您可能需要进一步扩展您的问题。您使用的是什么后端技术？网络表格？ ASP.Net MVC？网络API？

jQuery 是一个客户端库，它不能直接与数据库通信，除非你要保存到本地存储。

【讨论】：

我正在使用 Web 表单，是的，我知道 jquery 不会直接与数据库通信，也许有任何方法可以通过将这些输入中的数据从 javascript 变量发送到后面的代码页面或使用隐藏字段，因为我是 javascript 新手，所以我无法处理这个问题

【解决方案2】：

感谢您的扩展。

您可以通过多种方式将数据传回服务器。查看您发布的代码的 sn-p，我发现没有表格。我猜是不是父文档上也没有表单？

您可以使用AJAX 调用，将数据发送到代码隐藏页面上的方法； Javascript

function sendData(){
    var positionName = $("").val(),
        department = $("".val();
    $.ajax({
        type: "POST",
        url: "your-url.aspx/SaveData",
        data: "{'postionName': " + JSON.stringify(positionName) + ","
              + "'department': " + JSON.stringify(department) + "}"
    }).done(function(){
       alert("Data Saved");
    });
}

[WebMethod]
public void SaveData(string positionName, string department)
{
    SaveNewData(positionName, department);
}

这是一个简单粗暴的例子，但它可能会为您指明正确的方向。

【讨论】：