Question

我正在使用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>标签中有数据;我需要将数据插入数据库。我怎么能这样做？你能帮我吗？

Answer 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.
}

Answer 2

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

如何从jQuery插入数据到数据库？

2 个答案: