手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery $.ajax入门应用二
jquery $.ajax入门应用二
摘要:前台复制代码代码如下:无标题页.show{display:block;}.hide{display:none;}//这个方法把ajax方法封...

前台

复制代码 代码如下:

<!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>无标题页</title>

<style type="text/css">

.show{ display:block;}

.hide{ display:none;}

</style>

<script type="text/javascript" src="jquery/jquery-1.2.6.js"></script>

<script type="text/javascript">

//这个方法把ajax方法封装一下,方便调用。

function myajax(){

$.ajax({

type:'get',

url:'ajax.aspx',

data:'id=1name=tree',

dataType:'html',

beforeSend:beforecall,

success:callback

});

}

//调用前方法

function beforecall(){

$('#wait').addClass("show").append('调出中...');

//alert('');//测试是否调用

}

//回调函数

function callback(data){

$('#response').append(data);

$('#wait').css("display","none");

}

//onload()事件

$(function(){

$('#confirm').click(myajax);

})

</script>

</head>

<body>

<div id="confirm">点击</div>

<div id="response">接收后台数据</div>

<div id="wait">hello</div>

</body>

</html>

后台

复制代码 代码如下:

protected void Page_Load(object sender, EventArgs e)

{

Response.Write("hello"+Request["name"]);

Response.End();

}

【jquery $.ajax入门应用二】相关文章:

jquery插件validation实现验证身份证号等

jquery实现动态改变div宽度和高度

JQuery中基础过滤选择器用法

使用node+vue.js实现SPA应用

JQuery中层次选择器用法实例详解

jquery控制表单输入框显示默认值的方法

jquery任意位置浮动固定层插件用法实例

jQuery实现div随意拖动的实例代码(通用代码)

jQuery取消ajax请求的方法

JQuery中属性过滤选择器用法

精品推荐
分类导航