I can't change HTTP request header Content-Type value using jQuery

Question

Hi I tried to override HTTP request header content by using jQuery's AJAX function. It looks like this

$.ajax({
  type : "POST",
  url : url,
  data : data,
  contentType: "application/x-www-form-urlencoded;charset=big5",
  beforeSend: function(xhr) {
   xhr.setRequestHeader("Accept-Charset","big5");
   xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=big5");
  },
  success: function(rs) {
    target.html(rs);
  }
});

Content-Type header is default to "application/x-www-form-urlencoded; charset=UTF-8", but it obviously I can't override its value no matter I use 'contentType' or 'beforeSend' approaches. Could anyone adivse me a hint that how do I or can I change the HTTP request's content-type value? thanks a lot.

btw, is there any good documentation that I can study JavaScript's XMLHttpRequest's encoding handling?

Answer 1

Have you checked the w3.org documentation? There appears to be some limitation in using Accept-Charset header. http://www.w3.org/TR/XMLHttpRequest/#the-setrequestheader-method