0

私は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>これで、上記のタグにデータがあります。データベースにデータを挿入する必要があります。どうすればこれを行うことができますか？手伝っていただけませんか？

4

2 に答える 2

3

アクションに対して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.
}
于 2012-10-29T12:23:33.057 に答える
1

サーバーにデータを送信してデータベースに保存するには、ajaxを使用する必要があります

于 2012-10-29T12:14:54.793 に答える