详谈 Jquery Ajax异步处理Json数据.

2020-05-19 07:27:39易采站长站整理

alert(this);
$(‘#dictionary’).append(this.toString() + ” “);
//alert(result.d.join(” | “));
});
}
});
});
});
//返回复合类型
$(document).ready(function() {
$(‘#btn4’).click(function() {
$.ajax({
type: “POST”,
contentType: “application/json”,
url: “Default2.aspx/GetClass”,
data: “{}”,
dataType: ‘json’,
success: function(result) {
$(result.d).each(function() {
//alert(this);
$(‘#dictionary’).append(this[‘ID’] + ” ” + this[‘Value’]);
//alert(result.d.join(” | “));
});
}
});
});
});
//Ajax 为用户提供反馈,他们两个方法可以添加给jQuery对象在Ajax前后回调
//但对与Ajax的监控,本身是全局性的
$(document).ready(function() {
$(‘#loading’).ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
});
// 鼠标移入移出效果,多个元素的时候,可以使用“,”隔开
$(document).ready(function() {
$(‘btn’).hover(function() {
$(this).addClass(‘hover’);
}, function() {
$(this).removeClass(‘hover’);
});
});
</script>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<input type=”button” id=”btn1″ value=”HelloWorld”/>
<input type=”button” id=”btn2″ value=”传入参数”/>
<input type=”button” id=”btn3″ value=”返回集合”/>
<input type=”button” id=”btn4″ value=” 返回复合类型”/>
</div>
<div id=”dictionary”>dictionary
</div>
</form>
</body>
</html>

后台.cs文件

using System;
using System.Collections;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.Services;
public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static string HelloWorld()
{
return “123—>456”;
}
[WebMethod]
public static string ABC(string ABC)
{
return ABC;
}
[WebMethod]
public static string GetWish(string value1, string value2, string value3, int value4)
{
return string.Format(“祝您在{3}年里 {0}、{1}、{2}”, value1, value2, value3, value4);
}
/// <summary>