jquery $.ajax入门应用一
更新时间：2008年11月19日 16:07:33 作者：
这个方法把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>
<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();
}
}
复制代码 代码如下:
<!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();
}
}
相关文章
JQ中发现的，jQuery.Event类。估计作者是为了减少代码量。定义一个类，但不用new关键字去创建该类对象，而使用方法调用()方式去创建该对象。2011-03-03
这篇文章主要介绍了jQuery实现的点击按钮改变样式功能,涉及jQuery基于事件响应的页面元素样式动态操作相关实现技巧,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了使用JavaScript+canvas实现图片裁剪的方法,需要的朋友可以参考下2015-01-01
本文给大家分享两种jquery 的ajax防止重复提交的方法，第一种方法对于onclick事件触发的ajax，在beforeSend中使点击按钮不可用，ajax结果返回后置为可用，第二种利用jquery ajaxPrefilter中断请求，对于详情请参考下本文2016-10-10
这篇文章主要介绍了使用jquery实现的鼠标拖动排序Li或Table,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了IDEA配置jQuery, $符号不再显示黄色波浪线的问题，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-10-10
这篇文章主要介绍了jQuery操作json常用方法,结合实例形式分析了jQuery针对json的获取、创建等常见操作技巧,需要的朋友可以参考下2017-01-01
这篇文章主要介绍了jQuery实现移动端下拉展现新的内容回弹动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
jQuery中把ajax封装得非常好。但是日常开发中，我偶尔还是会遇到ajax报错。本文进行简单分析一下ajax报错。需要的朋友可以参考下2016-12-12
本篇文章主要是对Jqgrid表格随窗口大小改变而改变的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
最新评论