日期:2014-05-18  浏览次数:20610 次

关于asp.net 向服务器提交请求。
我在花瓣网上看到他们的喜欢按钮是代码是这样的,他们应该是用php的。
<a data-id="2518530" title="喜欢" href="#" onclick="return false;" class="like btn wbtn"><strong><em></em>喜欢</strong><span></span></a>,
而且上下也没有form,也没有相应的js代码,他们这个是怎么向服务器提交请求的啊,如果在asp.net里也可以实现吗?

------解决方案--------------------
没有表单也可以。AJAX和PHP、asp.net神马的无关


HTML code

<%@ 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