日期:2014-05-18 浏览次数:20610 次
<%@ 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