使用asp.net ajax獲取ajax后發布數據

Question

我這樣通過Ajax調用獲取數據列表。

$(document).ready(function () {
    var hashtag = 'dilwale'
    var accessToken = '16741082.1b07669.121a338d0cbe4ff6a5e04543158a4f82'
    $.ajax({
        url: 'https://api.instagram.com/v1/tags/' + hashtag + '/media/recent?count=33&access_token='+ accessToken +'',
        dataType: 'jsonp',
        type: 'GET',
        success: function (data) {
        //Here I want to post data in database through ajax call Instead of showing
            for (x in data.data) {
                if (data.data[x].type == 'video') {
                    $('.instagram').append('<div style="border:1px solid orange"><video controls><source src="' + data.data[x].videos.standard_resolution.url + '" type="video/mp4"></video><span style="border:1px solid orange; dislay:block">Test1</span></div>');
                } else if (data.data[x].type == 'image') {
                    $('.instagram').append('<div style="border:1px solid orange"><img src="' + data.data[x].images.standard_resolution.url + '" ><span style="border:1px solid orange; display:block">"' + data.data[x].caption.text + '"</span><span style="border:1px solid orange; dislay:block">Test1</span></div>');
                }
            }
        },
        error: function (data) {
        }
    })
});

對於插入數據功能如下

function InsertData() {
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "Default.aspx/SaveData",
        data: {},
        dataType: "json",
        success: function (data) {
            // Show data after success
        },
        error: function () {
            alert("Error while Showing update data");
        }
    });
}

在這里，我必須保存數據列表。 我的保存數據的Web方法如下

[WebMethod]    
public static void SaveData(Document objDocs) //I have taken a class Document 
{     
   //Saving data in database   
}

我無法使其正確地在獲取后保存數據然后顯示在頁面中。

Answer 1

您可以使用以下代碼從ajax傳遞文檔數據：

//C# start
//Sample Document class
public class Document
{
    public int DocumentId { get; set; }
    public string Definition { get; set; }
}

//Javascript start
//Use JSON.stringify to make a valid json string.
var data = JSON.stringify(
    {
        objDocs: { //objDocs should be same in SaveData method Document parameter
            DocumentId: 1,
            Definition: 'Test'
        }
    }
);

//ajax call to pass Document data
$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    url: 'Default.aspx/SaveData',
    data: data,
    dataType: "json",
    success: function (data) {
        alert(data);
    }
});