How to send html markup with jquery's ajax function

Question

I have the following call in my app:

...
var message = "<label style='font-weight: bold; font-size: 14px; color: Gray;'>" + currentPlayerName + "</label>:  ";
$.ajax({
        url: "/Game/SendMessage",
        type: "POST",
        data: "matchID=" + matchID + "&message=" + message,
        dataType: "json",
        success: function (result) {
            if (result.Message != null) {
                var div_MessagePanel = $("#div_MessagePanel");

                $("#div_MessagePanel").append(result.Message + "<br />");
            }

            checkForUpdate();
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert("Error occured 1!");

            sendMessage(message);
        }
    });

When I call this function it always drops an error. I think there is a problem with the data that I want to send back to the server. Any help is appreciated. Thanks.

Tx3 · Accepted Answer · 2011-01-18 12:17:48Z

1

I think it would be useful to see what you're actually trying to send. Content type should be selected according to your data.

Here is a small quote from the jQuery ajax API documentation.

The data option can contain either a query string of the form key1=value1&key2=value2, or a map of the form {key1: 'value1', key2: 'value2'}. If the latter form is used, the data is converted into a query string using jQuery.param() before it is sent. This processing can be circumvented by setting processData to false. The processing might be undesirable if we wish to send an XML object to the server; in this case, we would also want to change the contentType option from application/x-www-form-urlencoded to a more appropriate MIME type.

Maybe you could also tell us what errorThrown contains?

answered Jan 18, 2011 at 12:17

Tx3

6,9284 gold badges39 silver badges52 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

bleeeah · Accepted Answer · 2011-01-18 10:36:36Z

0

Try using encodeURI to encode your html string before being passed to your ajax call.

answered Jan 18, 2011 at 10:36

bleeeah

3,60422 silver badges25 bronze badges

Comments

Mahdi · Accepted Answer · 2014-09-18 05:11:18Z

0

You should encode your html. it should do this for you:

message=$('<div>').append(message).html()

then you can pass it with $.ajax

answered Sep 18, 2014 at 5:11

Mahdi

7553 gold badges7 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to send html markup with jquery's ajax function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related