<script language="javascript" type="text/javascript">
//No parameters
$(function() {
$("#btn1").click(function() {
$.ajax({
type: "POST", //Access the webservice to request using POST
contentType: "application/json;utf-8", //WebService will return Json type
url: "/HelloWorld", //Calling the WebService method
data: "{}", //If the parameter to be passed, you must write it if there is no parameter passed.
dataType: "json",
success: function(result) {
result =;//Return the json content after d
$("#dictionary").append(result);
}
});
});
});
//There are parameters
$(function() {
$("#btn2").click(function() {
$.ajax({
type: "POST",
contentType: "application/json;utf-8",
url: "/GetWish",
data: "{value1:'Everything goes well', value2:'Whatever I want is coming true', value3:'Full fortune', value4:2009}",
dataType: "json",
success: function(result) {
result =;
$("#dictionary").html(result);
}
});
});
});
//Return to the collection
$(function() {
$("#btn3").click(function() {
$.ajax({
type: "POST",
contentType: "application/json;utf-8",
url: "/GetArray",
data: "{i:10}",
dataType: "json",
success: function(result) {
result =;
$(result).each(function() {
$("#dictionary").append(() + " ");
});
}
});
});
});
//Return to entity
$(function() {
$("#btn4").click(function() {
$.ajax({
type: "POST",
contentType: "application/json;utf-8",
url: "/GetClass",
data: "{}",
dataType: 'json',
success: function(result) {
result =;
$("#dictionary").append( + " " + );
}
});
});
});
//Return DataSet(XML)
$(document).ready(function() {
$('#btn5').click(function() {
$.ajax({
type: "POST",
url: "/GetDataSet",
data: "{}",
dataType: 'xml', //The returned type is XML, which is different from the previous Json.
success: function(result) {
//Demonstrate the capture
try {
$(result).find("Table1").each(function() {
$('#dictionary').append($(this).find("ID").text() + " " + $(this).find("Value").text());
});
}
catch (e) {
alert(e); return;
}
},
error: function(result, status) { //If there is no error in the above capture, the callback function will be executed.
if (status == 'error') {
alert(status);
}
}
});
});
});
//Ajax provides feedback to users, using ajaxStart and ajaxStop methods to demonstrate ajax's callbacks to track related events. The two methods can be added to jQuery objects before and after Ajax. // But for monitoring with Ajax, it is global in itself
$(document).ready(function() {
$('#loading').ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});
// Mouse move in and out effect. When multiple elements are used, you can use "," to separate them.
$(document).ready(function() {
$('').hover(function() {
$(this).addClass('hover');
}, function() {
$(this).removeClass('hover');
});
});
</script>