Question

我正在使用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>

Answer 1

您可能需要更多地扩展您的问题。您使用的是哪种后端技术？网络表格？ ASP.Net MVC？ Web API？

jQuery是一个客户端库，它无法直接与DB通信，除非您要保存到本地存储。

Answer 2

感谢您的扩展。

您可以通过多种方式将数据传回服务器。查看您发布的代码片段，我发现没有任何形式。我猜是甚至在父文件上都没有表格？

您可以使用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");
    });
}

C＃

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

这是一个快速的例子，但它可能会指向正确的方向。

将数据从bootstrap javascript模式保存到数据库

2 个答案: