如何从jQuery将数据插入数据库？答案

【问题标题】：How to insert data into database from jQuery?如何从jQuery将数据插入数据库？
【发布时间】：2016-05-07 00:53:54
【问题描述】：

我正在使用 jQuery。我需要在 webapi (mvc4) 中将数据插入到数据库中，我在 <p> 中有数据，现在我需要将该数据插入到数据库中。

这是我的代码：

 <script type="text/javascript">
     $(document).ready(function () {
     $('#btndiv1').hide();
     $('#btndiv').hover(function () {
        $('#btndiv1').show();
    });
    });
 </script>
     <script type="text/javascript">
    $(document).ready(function () {
    var editor = CKEDITOR.editor.replace('editor1');
    $('#btndiv').mouseleave(function (event) {
        $('#btndiv1').hide("slow");
            alert(1);
            var value = editor.getData();

            $('#btndiv').append(value);
        // send your ajax request with value

            var dataToPost = JSON.stringify(value);
            alert(dataToPost);
            ale(value);
            $.ajax({
                type: "POST",
                url: "/CkeditrorData/create",
                contentType: "application/json; charset=utf-8",
                data: dataToPost,
                dataType: "json",
                success: function () {
                    // do what you want on success.


                }
            });
        });
    });

</script>

这是我的html：

     <h4>design your own text</h4>
<div id="btndiv" >
    <div id="btndiv1" style="height:auto;width:auto; border:solid 1px;">
    <textarea  rows="10"   id="editor1" "></textarea>
    <p id="text" ></p>
        </div>
</div>

现在我在上面的<p> 标签中有数据；我需要将数据插入数据库。我怎么能这样做？你能帮帮我吗？

【问题讨论】：

标签： jquery asp.net-mvc-4 asp.net-web-api

【解决方案1】：

您需要对您的操作进行 ajax 调用，这将对数据库进行插入。

下面是一个很简单的ajax调用，

var Contact = {
Lastname: 'Smith',
Firstname: 'John'
};

var dataToPost = JSON.stringify(Contact);

$.ajax({
    type: "POST",
    url: "/contacts/create",
    contentType: "application/json; charset=utf-8",
    data: dataToPost,
    dataType: "json",
    success: function(){
        // do what you want on success.
    }
});

在服务器上为联系人类创建一个具有类似结构的类。

public class Contact
{
public string Lastname { get; set; };
public string Firstname { get; set; };
}

下面是使用 jquery 将值发布到的操作。

[HttpPost]
public string Create(Contact contact)
{
    // insert this contact to db.
}

【讨论】：

@yaseer mouseleave 功能不触发意味着不移动到控制器你能帮我吗我已经更新了我的问题你能检查一下吗
@yaseer 这是一个非常好的示例，它对我有用，我可以将数据插入数据库，但它没有进入成功函数，而是进入错误函数。为什么？

【解决方案2】：

你必须使用ajax发送数据到服务器并保存到数据库

【讨论】：