2012-10-29 39 views
0

我正在使用jQuery。我需要在webapi(mvc4)中的数据库中插入数据,我现在有数据在<p>现在我需要将该数据插入数据库。如何从jQuery插入数据到数据库中?

这里是我的代码:

<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>标签数据;我需要将数据插入数据库。我怎么能这样做?你可以帮我吗?

回答

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. 
} 
+0

让我试试这个 –

+0

@yaseer鼠标离开功能不点火方式不移动控制器可以üplz帮助我,我已经更新了我的问题ü可以PLZ检查 –

+0

@yaseer这是很好的样本,它的工作原理对我来说,我可以将数据插入数据库,但它不会进入成功功能,并进入错误功能。为什么? –

1

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

相关问题