2012-10-29 40 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將數據發送到服務器,並保存到數據庫

相關問題