jquery $.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> <title>无标题页</title> <script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript"> //这个方法把ajax方法封装一下，方便调用。 function myajax(){ $.ajax({ type:'get', url:'ajax.aspx', data:'', dataType:'html', success:callback }); } //回调函数 function callback(data){ $('#response').append(data); } //onload()事件 $(function(){ $('#confirm').click(myajax); }) </script> </head> <body> <div id="confirm">点击</div> <div id="response">接收后台数据</div> </body> </html> 后台复制代码代码如下:using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class ajax : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { Response.Write("hello"); Response.End(); } }

　　推荐阅读

　　JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动

修正了网上其它版本的一些错误。完美无错版 JS网页图片查看器－可控制图片放大缩小还原移动效果 body { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; line-height: 18>>>详细阅读

本文标题：jquery $.ajax入门应用一

地址：http://www.17bianji.com/kaifa2/JS/29203.html

1/2 1