日期:2014-05-18 浏览次数:20706 次
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<!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 runat="server">
<title>无标题页</title>
<script src="jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$("#hrefAbc").click(function() {
$.ajax({
type: "POST", //提交方式
url: "Handler1.ashx", //提交到一个一般处理程序
data: "str=1", //参数(如果没有参数:null)
dataType: "text", //类型
success: function(msg) {
//msg是返回的数据,成功后你想干什么写在这里
}
});
});
});
</script>
</head>
<body>
<a id="hrefAbc" href="#" target="_blank">喜欢</a>
</body>
</html>
------解决方案--------------------
有没有发现花瓣html源码中有个http://huaban.com/js/mootools.js?1331211192.js的引用,
现在的开发很注重页面和逻辑分离,它是通过mootools这个js库中的ajax方法来进行服务器访问的,
就类似2楼的,你只要知道页面上元素的name,或者ID,或者class,或者其他的属性,你就可以控制该元素,添加点击方法啊之类的,花瓣也应该是这么实现的,这样的好处是js代码和html代码分离,提高页面的简洁性和代码的复用率,
LZ如果也像使用这种代码分离,建议用2楼用的jquery