Asp.net Jquery Ajax 實例-C#.Net教程-PHP中文網

Asp.net Jquery Ajax 實例

高洛峰

發布： 2016-12-16 16:30:05

原創

1220 人瀏覽過

jquery 庫最新版下載：jquery-1.4.2min.js

jquery 1.3.2mini版：jquery-1.3.2min.js

中文手冊下載地址（超酷版）：jquery12api

7api

中文Handler.ashx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ajax.aspx.cs" Inherits="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 runat="server">  
    <title>Jquery Ajax实例</title>  
    <mce:script type="text/<a href="http://lib.csdn.net/base/javascript" class=&#39;replace_word&#39; title="JavaScript知识库" target=&#39;_blank&#39; style=&#39;color:#df3434; font-weight:bold;&#39;>JavaScript</a>" src="script/jquery-142min.js" mce_src="script/jquery-142min.js"></mce:script>  
    <mce:script type="text/javascript"><!--  
$(function() {  
    $("#dbtn").click(function(){  
        $.ajax({  
               type: "POST",  
               //dataType:"Text",  
               url:"Handler.ashx",  
               data:{name:"admin",pass:"admin"},  
               beforeSend:function(){  
               $("#ds").html("loading");  
               },  
               success: function(msg){  
                $("#ds").html("<p>"+msg+"</p>");  
               }  
        });       
          
    });  
});  
// --></mce:script>  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
    <div id="ds"><p>我是AJAX原来的文字！</p></div>  
    <input type="button" value="提交AJAX<a href="http://lib.csdn.net/base/softwaretest" class=&#39;replace_word&#39; title="软件测试知识库" target=&#39;_blank&#39; style=&#39;color:#df3434; font-weight:bold;&#39;>测试</a>" id="dbtn" name="dbtn" />  
    </div>  
    </form>  
</body>  
</html>

登入後複製

更多Asp.net Jquery Ajax 實例關文章請關注PHP中文網！