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