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 相关文章推荐
Jquery进度条插件 Progress Bar小问题解决
Jul 12 Javascript
JavaScript实现找出字符串中第一个不重复的字符
Sep 03 Javascript
jQuery操作DOM之获取表单控件的值
Jan 23 Javascript
javascript制作的滑动图片菜单
May 15 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
Dec 28 Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
Apr 11 Javascript
JavaScript创建对象的七种方式(推荐)
Jun 26 Javascript
详解使用nvm管理多版本node的方法
Aug 30 Javascript
详解使用React进行组件库开发
Feb 06 Javascript
webpack4 + react 搭建多页面应用示例
Aug 03 Javascript
JavaScript实现英语单词题库
Dec 24 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
PHP+AJAX实现无刷新注册(带用户名实时检测)
2007/01/02 PHP
PHP 中执行排序与 MySQL 中排序
2009/04/21 PHP
php判断变量类型常用方法
2012/04/24 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
php中smarty实现多模版网站的方法
2015/06/11 PHP
详解PHP中的PDO类
2015/07/06 PHP
JQuery 无废话系列教程(二) jquery实战篇上
2009/06/23 Javascript
js操纵跨frame的三级联动select下拉选项实例介绍
2013/05/19 Javascript
浅析js封装和作用域
2013/07/09 Javascript
javascript获取设置div的高度和宽度兼容任何浏览器
2013/09/22 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
2014/04/04 Javascript
JavaScript设计模式之外观模式实例
2014/10/10 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
JS实现css hover操作的方法示例
2017/04/07 Javascript
Vue2路由动画效果的实现代码
2017/07/10 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
Bootstrap FileInput实现图片上传功能
2021/01/28 Javascript
[05:20]2018DOTA2亚洲邀请赛主赛事第三日战况回顾 LGD率先挺进胜者组决赛
2018/04/06 DOTA
python生成器的使用方法
2013/11/21 Python
Python实现递归遍历文件夹并删除文件
2016/04/18 Python
简单谈谈Python中的闭包
2016/11/30 Python
Python星号*与**用法分析
2018/02/02 Python
python快速建立超简单的web服务器的实现方法
2018/02/17 Python
浅谈Series和DataFrame中的sort_index方法
2018/06/07 Python
python3 打开外部程序及关闭的示例
2018/11/06 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
html5 canvas 实现光线沿不规则路径运动
2020/04/20 HTML / CSS
美国电视购物HSN官网:HSN
2016/09/07 全球购物
高中三年学习生活的自我评价
2013/10/10 职场文书
大学生就业策划书范文
2014/04/04 职场文书
施工工地安全标语
2014/06/07 职场文书
公司年底活动方案
2014/08/17 职场文书
二手房购房意向书
2015/05/09 职场文书