Passing HTML via Post call using Ajax and jQuery within MVC

Question

I am trying to post some HTML information to a url using the ajax post command

var html = "<b>bold</b>";

$.ajax({
    type: "POST",
    url: "/DragDrop/GetData/" + id + "?html=" + html,
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
    }
});

But of course you can't pass html in the URL, I know this is something easy but it is driving me nuts, how do I do this?

Answer 1

You are doing a POST. Why are you trying to pass the content in the URL instead of using data?

var html = "<b>bold</b>";

$.ajax({
    type: "POST",
    url: "/DragDrop/GetData/" + id,
    data: html,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
    }
});

Answer 2

If you really wanted to pass it through query string, you would have to encode it. Here's a jQuery package for encoding it:

http://plugins.jquery.com/project/URLEncode