jquery $.ajax入門應(yīng)用一
更新時間：2008年11月19日 16:07:33 作者：
這個方法把ajax方法封裝一下，方便調(diào)用
前臺
<!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>
<title>無標(biāo)題頁</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
//這個方法把ajax方法封裝一下，方便調(diào)用。
function myajax(){
$.ajax({
type:'get',
url:'ajax.aspx',
data:'',
dataType:'html',
success:callback
});
}
//回調(diào)函數(shù)
function callback(data){
$('#response').append(data);
}
//onload()事件
$(function(){
$('#confirm').click(myajax);
})
</script>
</head>
<body>
<div id="confirm">點擊</div>
<div id="response">接收后臺數(shù)據(jù)</div>
</body>
</html>
后臺
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class ajax : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Response.Write("hello");
Response.End();
}
}
復(fù)制代碼 代碼如下:
<!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>
<title>無標(biāo)題頁</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
//這個方法把ajax方法封裝一下，方便調(diào)用。
function myajax(){
$.ajax({
type:'get',
url:'ajax.aspx',
data:'',
dataType:'html',
success:callback
});
}
//回調(diào)函數(shù)
function callback(data){
$('#response').append(data);
}
//onload()事件
$(function(){
$('#confirm').click(myajax);
})
</script>
</head>
<body>
<div id="confirm">點擊</div>
<div id="response">接收后臺數(shù)據(jù)</div>
</body>
</html>
后臺
復(fù)制代碼 代碼如下:
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class ajax : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Response.Write("hello");
Response.End();
}
}
相關(guān)文章
這個腳本是網(wǎng)上的代碼修改的，兼容各主流瀏覽器，優(yōu)化頁面異步加載的文字的檢索提示框定位，根據(jù)選擇文字位置與屏幕尺寸計算檢索提示框定位。2010-09-09
jQuery基于ajax實現(xiàn)頁面加載后檢查用戶登錄狀態(tài)的方法
這篇文章主要介紹了jQuery基于ajax實現(xiàn)頁面加載后檢查用戶登錄狀態(tài)的方法,結(jié)合實例形式較為詳細(xì)分析了jQuery結(jié)合ajax進(jìn)行表單登陸驗證操作的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-02-02
簡單地記下jquery實現(xiàn)回車事件，學(xué)習(xí)jquery的朋友可以參考下。2011-08-08
jQuery+CSS實現(xiàn)的網(wǎng)頁二級下滑菜單效果
這篇文章主要介紹了jQuery+CSS實現(xiàn)的網(wǎng)頁二級下滑菜單效果,涉及jquery鼠標(biāo)hover事件及show與hide操作頁面元素的顯示與隱藏效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jquery mobile實現(xiàn)可折疊的導(dǎo)航按鈕
這篇文章主要為大家詳細(xì)介紹了jquery mobile實現(xiàn)可折疊的導(dǎo)航按鈕，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了JQuery中Ajax的操作完整例子,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
通過jquery還原含有rowspan、colspan的table的實現(xiàn)方法
通過jquery還原含有rowspan、colspan的table的實現(xiàn)方法，學(xué)習(xí)jquery的朋友可以參考下2012-02-02
本篇文章是對jQuery中的尺寸調(diào)整組件進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
除了購買電影票在線選座，我們還接觸過飛機(jī)機(jī)艙選座，隨著科技的發(fā)展，之后火車、汽車都會支持在線選座，下面給大家分享基于jQuery實現(xiàn)在線選座之高鐵版，需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jQuery扇形定時器插件pietimer的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07