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> 
<script type="text/javascript" src="jquery/jquery.js"></script> 
<script type="text/javascript"> 
//这个方法把ajax方法封装一下,方便调用。 
function myajax(){ 
$.ajax({ 
type:'get', 
url:'ajax.aspx', 
data:'', 
dataType:'html', 
success:callback 
}); 
} 
//回调函数 
function callback(data){ 
$('#response').append(data); 
} 
//onload()事件 
$(function(){ 
$('#confirm').click(myajax); 
}) 
</script> 
</head> 
<body> 
<div id="confirm">点击</div> 
<div id="response">接收后台数据</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(); 
} 
}
Javascript 相关文章推荐
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
javascript 装载iframe子页面,自适应高度
Mar 20 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
跟我学习javascript的隐式强制转换
Nov 16 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
Jan 28 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
Sep 14 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
Vue.js实现文章评论和回复评论功能
May 30 Javascript
实例分析JS与Node.js中的事件循环
Dec 12 Javascript
ES2020系列之空值合并运算符 '??'
Jul 22 Javascript
分享15个Webpack实用的插件!!!
Mar 31 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
js的闭包的一个示例说明
Nov 18 #Javascript
You might like
实现了一个PHP5的getter/setter基类的代码
2007/02/25 PHP
PHP sprintf() 函数的应用(定义和用法)
2012/06/29 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
js实现延时加载Flash的方法
2015/11/26 Javascript
JS实时弹出新消息提示框并有提示音响起的实现代码
2016/04/20 Javascript
第一次动手实现bootstrap table分页效果
2016/09/22 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
2017/03/07 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
详解使用create-react-app添加css modules、sasss和antd
2018/07/31 Javascript
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
2019/05/14 jQuery
如何利用node.js开发一个生成逐帧动画的小工具
2019/12/01 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
[02:42]岂曰无衣,与子同袍!DOTA2致敬每一位守护人
2020/02/17 DOTA
Python的词法分析与语法分析
2013/05/18 Python
跟老齐学Python之编写类之二方法
2014/10/11 Python
深入理解Python3中的http.client模块
2017/03/29 Python
python win32 简单操作方法
2017/05/25 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
Django项目使用CircleCI的方法示例
2019/07/14 Python
Flask框架钩子函数功能与用法分析
2019/08/02 Python
python pandas.DataFrame.loc函数使用详解
2020/03/26 Python
浅谈tensorflow中dataset.shuffle和dataset.batch dataset.repeat注意点
2020/06/08 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
护士求职推荐信范文
2013/11/23 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
同志主要表现材料
2014/08/21 职场文书
简单的辞职信模板
2015/05/12 职场文书
二审答辩状范文
2015/05/22 职场文书
2015年主婚人婚礼致辞
2015/07/28 职场文书
2019 入党申请书范文
2019/07/10 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书