jQueryでAjaxを使う(XMLレスポンス)

コード

helloajax_xml.html

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Hello Ajax (XML)</title>

<script src="assets/js/jquery/jquery-2.1.1.min.js"

type="text/javascript"></script>

<script type="text/javascript">

function sendText() {

var params = {

"key1" : "value1",

"key2" : "value2"

};

$.ajax({

type : "post",

url : "/hello/helloajax.xml",

data : JSON.stringify(params),

contentType : 'application/xml',

dataType : "xml",

success : function(result, dataType) {

console.log("OK1");

console.log($(result).find("message").text());

},

complete : function(json_data) {

console.log("OK2");

}

});

}

</script>

</head>

<body>

<div>

<input type="button" name="btnSend" style="font-size: 16px;"

value="送信" onclick="sendText()">

</div>

</body>

</html>

helloajax.xml

<?xml version="1.0" encoding="UTF-8"?>

<document>

<message>こんにちは</message>

</document>

実行結果

ブラウザコンソール

OK1

こんにちは

OK2