jquery $.ajax入門應(yīng)用一
更新時(shí)間:2008年11月19日 16:07:33 作者:
這個(gè)方法把a(bǔ)jax方法封裝一下,方便調(diào)用
前臺(tái)
<!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)題頁(yè)</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
//這個(gè)方法把a(bǔ)jax方法封裝一下,方便調(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">點(diǎn)擊</div>
<div id="response">接收后臺(tái)數(shù)據(jù)</div>
</body>
</html>
后臺(tái)
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)題頁(yè)</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
//這個(gè)方法把a(bǔ)jax方法封裝一下,方便調(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">點(diǎn)擊</div>
<div id="response">接收后臺(tái)數(shù)據(jù)</div>
</body>
</html>
后臺(tái)
復(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)文章
jQuery實(shí)現(xiàn)的點(diǎn)擊按鈕改變樣式功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)擊按鈕改變樣式功能,涉及jQuery基于事件響應(yīng)的頁(yè)面元素樣式動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07使用JavaScript+canvas實(shí)現(xiàn)圖片裁剪
這篇文章主要介紹了使用JavaScript+canvas實(shí)現(xiàn)圖片裁剪的方法,需要的朋友可以參考下2015-01-01jQuery的 $.ajax防止重復(fù)提交的兩種方法(推薦)
本文給大家分享兩種jquery 的ajax防止重復(fù)提交的方法,第一種方法對(duì)于onclick事件觸發(fā)的ajax,在beforeSend中使點(diǎn)擊按鈕不可用,ajax結(jié)果返回后置為可用,第二種利用jquery ajaxPrefilter中斷請(qǐng)求,對(duì)于詳情請(qǐng)參考下本文2016-10-10jquery實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)排序Li或Table
這篇文章主要介紹了使用jquery實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)排序Li或Table,需要的朋友可以參考下2014-05-05IDEA配置jQuery, $符號(hào)不再顯示黃色波浪線的問題
這篇文章主要介紹了IDEA配置jQuery, $符號(hào)不再顯示黃色波浪線的問題,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10jQuery實(shí)現(xiàn)移動(dòng)端下拉展現(xiàn)新的內(nèi)容回彈動(dòng)畫
這篇文章主要介紹了jQuery實(shí)現(xiàn)移動(dòng)端下拉展現(xiàn)新的內(nèi)容回彈動(dòng)畫,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06Jqgrid表格隨窗口大小改變而改變的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)Jqgrid表格隨窗口大小改變而改變的簡(jiǎn)單實(shí)例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12