首頁  >  文章  >  後端開發  >  Asp.net Jquery Ajax 實例

Asp.net Jquery Ajax 實例

高洛峰
高洛峰原創
2016-12-16 16:30:051154瀏覽

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中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn