é¦å
éç¨jqueryå
é¨å°è£
好çæ¹æ³æ¯æ¯è¾ç®åçï¼æ们åªéåçå°±æ¯ä¿®æ¹éé¢çä¸äºé
ç½®ï¼
以ä¸ä»£ç æ¯å¯¹$.ajax()ç解æï¼
$.ajax({
type: "POST", //æ交æ¹å¼
contentType: "application/json; charset=utf-8", //å
容类å
dataType: "json", //ç±»å
url: "åå°å°å/åå°æ¹æ³", //æ交ç页é¢ï¼æ¹æ³å
data: "parameter", //åæ°ï¼å¦æ没æï¼å¯ä»¥ä¸ºnull
success: function (data) { //å¦ææ§è¡æåï¼é£ä¹æ§è¡æ¤æ¹æ³
alert(data.d); //ç¨data.dæ¥è·ååå°ä¼ è¿æ¥çjsonè¯å¥ï¼æè
æ¯å纯çè¯å¥
},
error: function (err) { //å¦ææ§è¡ä¸æåï¼é£ä¹æ§è¡æ¤æ¹æ³
alert("err:" + err);
}
});
å½ç¶æå次å¦ä¹ çæ¶åï¼çå°è¿äºä¹æ¯æäºè«ç¶çï¼å 为ä¸ç¥éå°å¦ä½æè½å°å
¶ç¨å°èªå·±çç¨åºéé¢ï¼æ以就åäºä¸ä¸ªå°çæ£æµç½é¡µæ¥æµè¯ä¸ä¸ï¼å¦æä½ æµè¯çæ¶å没æè¾¾å°ä½ æ³è¦çç»æï¼é£ä¹å¸æä½ å头çä¸ä¸ï¼åå°æ¯å¦åçæé®é¢ï¼æè
æ¯åèä¸ä¸ä¸æä¸ç注æäºé¡¹å§ã
åå°ä»£ç ï¼
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="number3.aspx.cs" Inherits="ajax1.number3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head runat="server">
<title>æµè¯ajax</title>
<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function testAjax() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
url: "number3.aspx/GetJson",//ä¼ å
¥åå°çå°å/æ¹æ³
data: "{'RID':'123'}",//åæ°ï¼è¿éæ¯ä¸ä¸ªjsonè¯å¥
success: function (data) {
var result = data.d;
alert(result);
},
error: function (err) {
alert("err:" + err);
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<button >ç¨buttonæµè¯ajax</button>
<input type="button" value="testAjax" />
</div>
</form>
</body>
</html>
åå°ä»£ç ï¼
using System;
using System.Web.Services;
namespace ajax1
{
public partial class number3 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static string GetJson(string RID)
{
return "{'ID':'" + RID + "'}";
}
}
}
åå°ä»£ç ä¸ä»¥é»è²ä¸ºèæ¯çå°±æ¯æ们è¦æ³¨æçå°æ¹ï¼
1.using System.Web.Services;对åºä¸é¢ç[WebMethod]è¿ä¸ªä¸å®è¦å ä¸çã
2.åå°åçæ¹æ³ä¸å®æ¯å
Œ
±éæçå³ä¸å®æ¯public staticå¼å¤´çã
3.åæ°ä¸å®æ¯åå°çdataæä¼ åæ°çé®
åå°ä¸è¦æ³¨æçå°æ¹ï¼
1.大家åºè¯¥ä¼æ³¨æå°ï¼åå°æç¨çæ¯ä¸¤ä¸ªbuttonæ¥æµè¯ï¼ä½æ¯ç¬¬ä¸ä¸ª<button>æ¯ä¸è¡çï¼é¡µé¢ä¼å·æ°ä¸ä¸ï¼å
¶å®è¿é½æ¯<form
id="form1"
runat="server">è¿è¡ä»£ç çé®é¢ï¼<button>æ ç¾ä¼æ交æ¬é¡µé¢çå
容ï¼ä»è导è´å¼æ¥å·æ°å¤±è´¥ãæ以建议大家ä¸è¦ç¨<button>æ ç¾ãä½æ¯å¦æä¸å¾ä¸ç¨çè¯ï¼è§£å³åæ³è¿æ¯æçï¼ç®åæç¥éçåªæ两个ï¼
ããâ ï¼å°<form id="form1"
runat="server">代ç å»æï¼å½ç¶å¦ææ¬é¡µé¢æè¦æ交çå
容就ä¼å¾éº»ç¦äº
ããâ¡ï¼å°<button onclick="aaa();return
false;">ç¨buttonæµè¯ajax</button>代ç æ¹ä¸ºï¼<button
onclick="aaa();return false;">ç¨buttonæµè¯ajax</button>
2ãåå°çæµè¯ç»ææ¯ï¼
é£ä¹æ们å¦ä½æ¥åªè·åjsonåé¢çå¼ï¼èä¸æ¯æ´ä¸ªjsonè¯å¥å¢ï¼æ们å¯ä»¥å°jsonè¯å¥å¯¹è±¡åï¼ç¶åæ ¹æ®é®æ¥åå¾å¯¹åºçå¼ï¼åå°çtestAjax()çæ¹æ³æ¹ä¸ºï¼
function testAjax() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
url: "number3.aspx/GetJson",
data: "{'RID':'123'}",
success: function (data) {
var result = eval("(" + data.d + ")");//è¿å¥è¯æ¯å°jsonè¯å¥å¯¹è±¡å
alert(result.ID);
},
error: function (err) {
alert("err:" + err);
}
});
}
æ¤æ¶ç»æ为ï¼
以ä¸å°±æ¯åæ¥å¦ä¹ jsonå½æ¶éå°çé®é¢æçä¸çç»éªãåæ¶ææ³éªè¯ä¸ä¸æ¯å¦è½å¤å¨åå°éè½½æ¹æ³æ¥å®ç°æ ¹æ®åå°çdataæ¯å¦æåæ°æ¥å¤æè¦æ§è¡çæ¹æ³ï¼æ以æå°ä»£ç æ¹å¨äºä¸ä¸ï¼
æ¹å¨åçåå°ä»£ç
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="number3.aspx.cs" Inherits="ajax1.number3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head runat="server">
<title>æµè¯ajax</title>
<script src="js/jquery-1.4.1.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function testAjax() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
url: "number3.aspx/GetJson",
data: "{'RID':'123'}",
success: function (data) {
var result = eval("(" + data.d + ")");
alert(result.ID);
},
error: function (err) {
alert("err:" + err);
}
});
}
function aaa() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
dataType: "json",
url: "number3.aspx/GetJson",
success: function (data) {
alert(data.d);
},
error: function (err) {
alert("err:" + err);
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<button >ç¨buttonæµè¯ajax</button>
<input type="button" value="testAjax" />
<input type="button" value="aaa" />
</div>
</form>
</body>
</html>
æ¹å¨åçåå°ä»£ç
using System;
using System.Web.Services;
namespace ajax1
{
public partial class number3 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static string GetJson()
{
return "hello ajax";
}
[WebMethod]
public static string GetJson(string RID)
{
return "{'ID':'" + RID + "'}";
}
}
}
æå¾çææ为ï¼
第ä¸ä¸ªå第äºä¸ªæé®ç¹å»åææ为ï¼
第ä¸ä¸ªæé®ç¹å»åææ为ï¼
æ以æçåæ¥ç»è®ºä¸ºï¼åå°çéæå½æ°æ¯ä¸æåçï¼å¦ææçéæåæ°çè¯ï¼åªä¼æ§è¡å¸¦åæ°çï¼èä¸ä¼æ§è¡é£ä¸ªä¸å¸¦åæ°çãç°å¨è¿ä¸æ¯å¤ªæç½ä¸ºä»ä¹ä¼è¿æ ·ï¼æ以å¸ææç½åççå享ä¸ä¸èªå·±çè§ç¹ãå½ç¶è¿åªæ¯ä¸ªäººè§ç¹ï¼å¦è¥æ误ï¼æ请ææ£ã