编程 Javascript

jquery $.ajax入门应用二

Posted in Javascript onNovember 19, 2008

前台

<!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" class="hide">hello</div> 
</body> 
</html>

后台

protected void Page_Load(object sender, EventArgs e) 
{ 
Response.Write("hello"+Request["name"]); 
Response.End(); 
}

jquery $.ajax入门应用二

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]

Sep 26 Javascript

基于Jquery的将DropDownlist的选中值赋给label的实现代码

May 06 Javascript

JavaScript实现在数组中查找不同顺序排列的字符串

Sep 26 Javascript

详解JavaScript中的4种类型识别方法

Sep 14 Javascript

jQuery使用经验小技巧(推荐)

May 31 Javascript

基于WebUploader的文件上传js插件

Aug 19 Javascript

JavaScript箭头函数_动力节点Java学院整理

Jun 28 Javascript

JS实现微信摇一摇原理解析

Jul 22 Javascript

Vue中v-for的数据分组实例

Mar 07 Javascript

jQuery实现的隔行变色功能【案例】

Feb 18 jQuery

javascript实现摄像头拍照预览

Sep 30 Javascript

详解为element-ui的Select和Cascader添加弹层底部操作按钮

Feb 07 Javascript

jquery $.ajax入门应用一

Nov 19 #Javascript

传递参数的标准方法(jQuery.ajax)

Nov 19 #Javascript

仿迅雷焦点广告效果(JQuery版)

Nov 19 #Javascript

Javascript日期对象的dateAdd与dateDiff方法

Nov 18 #Javascript

js电信网通双线自动选择技巧

Nov 18 #Javascript

JavaScript脚本性能优化注意事项

Nov 18 #Javascript

javascript 字符串连接的性能问题(多浏览器)

Nov 18 #Javascript