title: Pass html string to server side with Jquery Ajax
body: <p>i have seen a lot of answers in this site that have helped me a lot but in this one i need to ask guys to help me out.</p>
  
  <p>i have a textarea as a Html editor to pass html content to the server and append it to a newly created Html page( for user POST,etc), but jquery or ASP.NET does not accept  the Html content passed by jquery through data: {}</p>
  
  <p>--For Jquery: </p>
  
  <pre><code>  $("#btnC").click(function (e) {
      e.preventDefault();
  
      //get the content of the div box 
      var HTML = $("#t").val();
  
      $.ajax({ url: "EditingTextarea.aspx/GetValue",
          type: "POST",
          contentType: "application/json; charset=utf-8",
          dataType: "json",
          data: '{num: "' + HTML + '"}', // pass that text to the server as a correct JSON String
          success: function (msg) { alert(msg.d); },
          error: function (type) { alert("ERROR!!" + type.responseText); }
  
      });
  </code></pre>
  
  <p>and Server-Side ASP.NET:</p>
  
  <pre><code>[WebMethod]
  public static string GetValue(string num)
  { 
      StreamWriter sw = new StreamWriter("C://HTMLTemplate1.html", true);
      sw.WriteLine(num);
      sw.Close();       
  return num;//return what was sent from the client to the client again 
  }//end get value
  </code></pre>
  
  <p>Jquery part gives me an error: 
  Invalid object passed in and error in 
  <code>System.Web.Script.Serialization.JavascriptObjectDeserializer.</code></p>
  
  <p>It's like jquery doesnt accept string with html content.what is wrong with my code ?</p>